What are the hex codes in the Cinnamon Stick palette?

The Cinnamon Stick color palette consists of Sepia #6B3A1F, Sienna #A65E2E, Latte #D4A574, Linen #FAF0E4.

How should I use the Cinnamon Stick palette on a website?

Use Linen #FAF0E4 as the background, Sepia #6B3A1F for text, Sienna #A65E2E for buttons and links, and Latte #D4A574 for accents. 1 of 6 color pairs pass WCAG AA (4.5:1); the strongest is Sepia on Linen at 8.29:1.

Which colors in Cinnamon Stick have enough contrast for text?

The highest-contrast pair is #6B3A1F on #FAF0E4 with a ratio of 8.29:1, which passes WCAG AA for normal text.

#6B3A1FSepia

#A65E2ESienna

#D4A574Latte

#FAF0E4Linen

Cinnamon Stick color palette

Food Warm Earthy Brown White

Open in generator

Ask AI about this palette: ChatGPT Claude Perplexity

Cinnamon Stick is a monochromatic color palette tagged food, warm, earthy. All four colors sit within 12° of hue, so the scheme reads as one color explored across light and dark. Neither washed out nor loud, it adapts to most contexts. The overall temperature is warm.

Color codes click any value to copy

Name	HEX	RGB	HSL	OKLCH
Sepia	`#6B3A1F`	`rgb(107, 58, 31)`	`hsl(21, 55%, 27%)`	`oklch(40.4% 0.080 48)`
Sienna	`#A65E2E`	`rgb(166, 94, 46)`	`hsl(24, 57%, 42%)`	`oklch(55.6% 0.113 52)`
Latte	`#D4A574`	`rgb(212, 165, 116)`	`hsl(31, 53%, 64%)`	`oklch(75.4% 0.085 67)`
Linen	`#FAF0E4`	`rgb(250, 240, 228)`	`hsl(33, 69%, 94%)`	`oklch(96.0% 0.019 73)`

Why it works and how to use it

The palette holds together thanks to its monochromatic hue relationship and a strong light-to-dark ladder (94% down to 27% lightness). A natural fit for menus and packaging.

Pair	Sample	Ratio	Level
`#6B3A1F` on `#FAF0E4`	Aa	8.29:1	AAA
`#A65E2E` on `#FAF0E4`	Aa	4.38:1	AA large only
`#6B3A1F` on `#D4A574`	Aa	4.19:1	AA large only
`#A65E2E` on `#D4A574`	Aa	2.21:1	Fail
`#D4A574` on `#FAF0E4`	Aa	1.98:1	Fail
`#6B3A1F` on `#A65E2E`	Aa	1.89:1	Fail

Cinnamon Stick color palette

Color codes click any value to copy

Why it works and how to use it

Preview on a real UI see how the palette feels in context

Design faster with Cinnamon Stick

Color blindness simulation

Contrast check WCAG ratios between palette colors

Similar palettes 24 more in this mood