Tempered Cocoa Study color palette — #FFF0F9 · #B5A23E · #7C2800 · #461300 · #281121

Rust and Gold set the tone — five colors that lean into nature and growth.

The five colors

• Ivory (#FFF0F9): bright and airy, almost weightless.
• Gold (#B5A23E): A luminous, balanced green — the color of new leaves after rain.
• Rust (#7C2800): A full-bodied, balanced orange — the color of autumn markets.
• Espresso (#461300): A deep, shadowed, balanced orange — the color of autumn markets.
• Ink (#281121): A deep, shadowed, dusty pink — the color of peonies in June.

Feels like: Nature, Growth, Optimism, Warmth, Comfort, Balance. Tagged luxury, dark, warm.

Use it as a design system

One click turns Tempered Cocoa Study 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

• Aged Marigold color palette (#FFEEE2, #DE9727, #793600, #381500, #100500)
• Timeworn Marigold Basin color palette (#FFF0F8, #F7A830, #A54C00, #5F2900, #28121F)
• Mulberry Basin color palette (#F9F2FF, #9DAA54, #7D1555, #4A002F, #201528)
• Aged Driftwood Courtyard color palette (#ECD7E1, #9F8B3F, #562700, #270E00, #19020F)
• Taupe Workshop color palette (#E6FBED, #C29B4F, #574700, #2F2500, #062012)
• Wandering Meadow color palette (#FFF0F8, #D98C65, #007938, #8A3B00, #002321)
• Sunflower Canyon color palette (#FFF2EB, #EFCD19, #D86843, #844937, #26160D)
• Aged Harbor color palette (#FFF1F5, #BF7B00, #496D00, #5D0B98, #423400)

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