Tempered Cocoa Terrace color palette — #EEF8F0 · #589BA6 · #536AA2 · #7D3B04 · #2B3A2F
A conversation between Bronze and Slate, giving this palette its sense of trust and stability.
The five colors
- Ivory (#EEF8F0): a clean, paper-quiet neutral.
- Storm Blue (#589BA6): A luminous, dusty blue — the color of a favorite pair of jeans.
- Slate (#536AA2): A full-bodied, balanced violet — the color of wild irises.
- Bronze (#7D3B04): A full-bodied, balanced gold — the color of afternoon light on wheat.
- Forest (#2B3A2F): A deep, shadowed, dusty teal — the color of glacier melt.
Feels like: Trust, Stability, Optimism, Creativity, Sophistication. Tagged jewel, vibrant, muted.
Use it as a design system
One click turns Tempered Cocoa Terrace 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
- Worn Chestnut Boulevard color palette (#FDF1F9, #757DAE, #686097, #684B00, #223A33)
- Patina Chestnut color palette (#F4F7EB, #79A57A, #636D9E, #6D4D00, #414700)
- Antique Mulberry color palette (#EEF8F0, #469AA7, #257B87, #7A3553, #363730)
- Weathered Pewter color palette (#E8F5F6, #42A79A, #86568C, #743827, #0E1C18)
- Patina Parlor color palette (#EAF5EF, #41879F, #463742, #1C2D24, #101815)
- Dusty Harbor color palette (#FEF0FA, #6875B0, #823F74, #454500, #321F2E)
- Hushed Orchid Workshop color palette (#F1F7EF, #60B4A9, #A767AB, #985B49, #383730)
- Nightshade Meadow color palette (#E5FBF3, #0071AA, #2838B4, #5C3100, #002A32)
Browse the whole catalog at Explore, or see today's palette.