Cocoa Study color palette — #D2EAD0 · #85AA97 · #897288 · #744D41 · #653400

Built around Bronze, softened by Coffee — the whole palette hums with optimism and sophistication.

The five colors

• Celadon Mist (#D2EAD0): A whisper-light, dusty green — the color of new leaves after rain.
• Sage (#85AA97): A luminous, dusty teal — the color of glacier melt.
• Slate (#897288): A full-bodied, dusty pink — the color of a candy shop window.
• Coffee (#744D41): A full-bodied, dusty orange — the color of autumn markets.
• Bronze (#653400): A deep, shadowed, balanced 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 Cocoa Study 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

• Antique Basalt color palette (#BAECD6, #8DADD5, #786F99, #6F4733, #563B00)
• Timeworn Thicket color palette (#DEE6BB, #9FB292, #49818D, #6C464D, #582F29)
• Tempered Chestnut Corridor color palette (#DDFDE7, #8FBDB1, #9D7B8F, #8D522B, #554E00)
• Basalt Balcony color palette (#EDEDFF, #BB8F9D, #7E5469, #4F4B1D, #373730)
• Patina Bronze color palette (#FEF0FF, #DBC1D1, #AE9098, #93662B, #644D00)
• Garnet Summit color palette (#C1ECEF, #5985A4, #3F4D80, #602322, #3A1C00)
• Muted Fern color palette (#FCF4E5, #9CA068, #506D2F, #275640, #37352F)
• Wandering Bronze Pier color palette (#DEF5ED, #3C95D4, #AC6502, #005C8E, #4F2C00)

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