Tempered Cocoa Grove color palette — #D9E1F0 · #8A91B9 · #815880 · #5A4100 · #0C4235
A conversation between Bronze and Graphite, giving this palette its sense of optimism and creativity.
The five colors
- Frost (#D9E1F0): A whisper-light, dusty violet — the color of twilight just after sunset.
- Blue Fog (#8A91B9): A luminous, dusty violet — the color of a velvet chair.
- Graphite (#815880): A full-bodied, dusty pink — the color of a candy shop window.
- Bronze (#5A4100): A deep, shadowed, balanced gold — the color of honey in a jar.
- Forest (#0C4235): A deep, shadowed, dusty teal — the color of sea glass.
Feels like: Optimism, Creativity, Sophistication. Tagged vintage, retro, muted.
Use it as a design system
One click turns Tempered Cocoa Grove 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
- Weathered Grove color palette (#CCE8F6, #877FCA, #91546E, #194A40, #182700)
- Petrol Pier color palette (#C6EBF5, #7198C3, #6563AB, #693D32, #4F340F)
- Softworn Terracotta color palette (#F7E6FF, #B784A4, #9D5154, #30531F, #0F3E40)
- Antique Periwinkle Veranda color palette (#CEE6EE, #949CDF, #A96C8A, #506846, #3B3B34)
- Bronze Alley color palette (#E4E3F9, #D5A7B6, #AD86AF, #A96749, #592C00)
- Muted Orchard color palette (#F7F3FF, #D7C7DB, #AC8FA4, #577270, #3E4E5B)
- Timeworn Boulevard color palette (#F4EAFF, #965581, #753538, #1F3401, #002223)
- Cypress Orchard color palette (#E8F1EA, #76C1BC, #007680, #00523A, #003441)
Browse the whole catalog at Explore, or see today's palette.