Tempered Cocoa Grove color palette — #E0E5E1 · #9AA8A4 · #668F90 · #574200 · #020C04

Built around Deep Olive, softened by Storm Blue — the whole palette hums with optimism and sophistication.

The five colors

• Parchment (#E0E5E1): bright and airy, almost weightless.
• Taupe (#9AA8A4): a calm mid-gray that lets other colors speak.
• Storm Blue (#668F90): A luminous, dusty teal — the color of glacier melt.
• Deep Olive (#574200): A deep, shadowed, dusty gold — the color of honey in a jar.
• Ink (#020C04): A deep, shadowed, dusty teal — the color of glacier melt.

Feels like: Optimism, Sophistication. Tagged scandi, muted, light.

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

• Washed Terrace color palette (#E3EDE6, #86AAAC, #6B9098, #766200, #020C05)
• Muted Cocoa Pier color palette (#F8EBF3, #9BA99C, #728D83, #772700, #14030F)
• Weathered Basalt color palette (#E6E0D6, #BDBCAA, #8B977A, #4C3800, #020100)
• Olive Corridor color palette (#E4E0D9, #9D9A8C, #75752C, #342A00, #0E0800)
• Antique Veranda color palette (#E4F4F3, #A2B9BF, #7C9AAE, #006335, #001818)
• Washed Field color palette (#DFF4F1, #008876, #004E5B, #560020, #000806)
• Lagoon Pier color palette (#ECF8F8, #CDE2EA, #9AC4E3, #008D65, #073B3C)
• Bronze Courtyard color palette (#FFE0DB, #84712F, #305F41, #4F1521, #2F0007)

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