Tempered Cocoa Garden color palette — #FAE9DE · #B47547 · #7E3400 · #400D00 · #020100

A conversation between Rust and Caramel, giving this palette its sense of optimism and warmth.

The five colors

• Cream (#FAE9DE): A whisper-light, dusty gold — the color of old brass.
• Caramel (#B47547): A luminous, balanced gold — the color of old brass.
• Rust (#7E3400): A full-bodied, balanced orange — the color of autumn markets.
• Espresso (#400D00): A deep, shadowed, balanced orange — the color of sun-warmed clay.
• Black (#020100): quiet, heavy and certain.

Feels like: Optimism, Warmth, Comfort, Sophistication, Grounding. Tagged earthy, warm, muted.

Use it as a design system

One click turns Tempered Cocoa Garden into a complete token system: semantic roles from primary to success, an 11-stop OKLCH scale per role, a WCAG AA/AAA and APCA contrast matrix, an auto-derived dark mode and 11 export formats including CSS custom properties, Tailwind, Figma Variables and shadcn/ui.

Similar palettes

• Wandering Study color palette (#F6ECD8, #99853D, #624900, #301D00, #010100)
• Misty Chestnut Thicket color palette (#FDDFC8, #C88B52, #924800, #551E00, #070300)
• Faded Bronze Station color palette (#FFF3E8, #F2A959, #B96504, #7D3500, #241500)
• Hazy Garnet color palette (#F0E1D8, #B7844C, #B24900, #920024, #100A00)
• Dusty Bronze Loft color palette (#FFF5D9, #B5B86E, #83781D, #554400, #161200)
• Worn Garden color palette (#FFF4DF, #DED288, #AA8F39, #7C5800, #312700)
• Lagoon Bloom color palette (#E0EFDC, #00A498, #00566D, #004640, #000201)
• Eclipse Navy color palette (#DCF0CD, #005F4B, #003B64, #161000, #000200)

Browse the whole catalog at Explore, or see today's palette.