Tempered Cocoa Grove color palette — #D5E4D9 · #63A09C · #486780 · #5E341B · #301300

Cocoa and Eucalyptus set the tone — five colors that lean into optimism and sophistication.

The five colors

• Bone (#D5E4D9): A whisper-light, dusty teal — the color of glacier melt.
• Eucalyptus (#63A09C): A luminous, dusty teal — the color of sea glass.
• Graphite (#486780): A full-bodied, dusty blue — the color of open sky before noon.
• Cocoa (#5E341B): A deep, shadowed, dusty orange — the color of sun-warmed clay.
• Onyx (#301300): A deep, shadowed, dusty gold — the color of honey in a jar.

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

• Basalt Delta color palette (#D1E7E7, #6B91AE, #66638F, #4F3E00, #232200)
• Worn Garnet color palette (#EBE4D1, #61978E, #406F79, #602B43, #291029)
• Spruce Pier color palette (#D3E6E6, #7FACB9, #5F758A, #603F4D, #163117)
• Antique Petrol Station color palette (#DCF3E9, #2B8492, #3A4E7C, #432500, #1B0F00)
• Softworn Lagoon color palette (#D8F5EE, #5B9D7E, #00625E, #274111, #001617)
• Terracotta Grove color palette (#F0F1CC, #80B8A5, #49859E, #924140, #3A3630)
• Patina Onyx color palette (#DEFFE6, #A5CEB9, #648DAA, #6F4957, #351B39)
• Hushed Lagoon color palette (#CEEFE7, #009B9F, #006579, #003A50, #00152C)

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