Tonkatsu Monochromatic Color Scheme

Five colors arranged by the monochromatic rule around Tonkatsu (#EDAC36), each snapped to its nearest named color.

#7A560E

#CC8811

#EDAC36

#EFC87D

#FBE6C1

Color names and codes

Name	HEX	RGB	HSL	CMYK
Autumn Leaf Brown	`#7A560E`	122, 86, 14	40°, 79%, 27%	0, 30, 89, 52
Lobster Butter Sauce	`#CC8811`	204, 136, 17	38°, 85%, 43%	0, 33, 92, 20
Tonkatsu	`#EDAC36`	237, 172, 54	39°, 84%, 57%	0, 27, 77, 7
Mille-Feuille	`#EFC87D`	239, 200, 125	39°, 78%, 71%	0, 16, 48, 6
Autumn Child	`#FBE6C1`	251, 230, 193	38°, 88%, 87%	0, 8, 23, 2

Which pairs work for text

Text on background	Contrast	WCAG
Aa #7A560E on #FBE6C1	5.43:1	AA
Aa #7A560E on #EFC87D	4.18:1	AA large
Aa #7A560E on #EDAC36	3.34:1	AA large
Aa #CC8811 on #FBE6C1	2.42:1	—
Aa #7A560E on #CC8811	2.24:1	—
Aa #CC8811 on #EFC87D	1.86:1	—

CSS variables

:root {
  --color-1: #7a560e; /* Autumn Leaf Brown */
  --color-2: #cc8811; /* Lobster Butter Sauce */
  --color-3: #edac36; /* Tonkatsu */
  --color-4: #efc87d; /* Mille-Feuille */
  --color-5: #fbe6c1; /* Autumn Child */
}

Other schemes from Tonkatsu

More Medium Orange monochromatic palettes

Questions

What colors go with Tonkatsu?

In a monochromatic scheme: Autumn Leaf Brown (#7A560E), Lobster Butter Sauce (#CC8811), Mille-Feuille (#EFC87D), Autumn Child (#FBE6C1).

What is the hex code of Tonkatsu?

#EDAC36.