Tempered Cocoa Grove color palette — #CEE4EB · #00686C · #7E2900 · #003132 · #080100

Rust and Peacock set the tone — five colors that lean into optimism and sophistication.

The five colors

• Silver (#CEE4EB): A whisper-light, dusty blue — the color of deep harbor water.
• Peacock (#00686C): A full-bodied, dusty teal — the color of shallow lagoons.
• Rust (#7E2900): A full-bodied, balanced orange — the color of toasted spice.
• Deep Forest (#003132): A deep, shadowed, dusty teal — the color of shallow lagoons.
• Ink (#080100): A deep, shadowed, dusty orange — the color of autumn markets.

Feels like: Optimism, Sophistication. Tagged 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

• Quiet Garnet color palette (#CCE4EF, #006B78, #91001A, #00333A, #260002)
• Denim Dune color palette (#CDE3FA, #005E9F, #733500, #002B4E, #070100)
• Cocoa Terrace color palette (#C4EAEE, #00545B, #652A00, #382500, #000102)
• Quiet Mulberry Bloom color palette (#D5F0EB, #276D00, #89003C, #0E3300, #0A0002)
• Quiet Brick Alley color palette (#DEF0E3, #008E9F, #C10B06, #00444D, #040000)
• Softworn Bronze Bloom color palette (#E2EEDE, #A75500, #007260, #040E10, #000102)
• Chestnut Meadow color palette (#EFDDE3, #755F00, #502C00, #350100, #010200)
• Faded Bronze Grove color palette (#CFF0FE, #0097A8, #AF5500, #005661, #270E00)

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