Cocoa Study color palette — #CEE4FF · #8996B8 · #605B7E · #583500 · #1E1F00

Cocoa takes the lead with Graphite close behind in a set that reads as nature and growth at first glance.

The five colors

• Frost (#CEE4FF): A whisper-light, dusty blue — the color of deep harbor water.
• Blue Fog (#8996B8): A luminous, dusty violet — the color of wild irises.
• Graphite (#605B7E): A full-bodied, dusty violet — the color of a velvet chair.
• Cocoa (#583500): A deep, shadowed, dusty gold — the color of afternoon light on wheat.
• Onyx (#1E1F00): A deep, shadowed, dusty green — the color of a quiet forest floor.

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

• Cocoa Thicket color palette (#CFE5ED, #7597B1, #536788, #682F28, #2E0E1D)
• Basalt Pier color palette (#F1EBFF, #9285AB, #895C65, #384613, #002424)
• Softworn Mulberry color palette (#E6ECFF, #8A719F, #704362, #322A00, #0A1700)
• Weathered Orchard color palette (#DDE9DA, #7299BC, #804D8D, #4A4E00, #004032)
• Driftwood Hollow color palette (#FCE6FF, #9BA1D7, #9774A8, #6D522F, #3C3A33)
• Timeworn Coast color palette (#E3FAFF, #89C1CE, #7E83B0, #3F5D20, #00302C)
• Hushed Cypress color palette (#F1F0FF, #D6CADF, #9B8999, #427269, #2D4A4D)
• Antique Cobalt Bloom color palette (#E1EDE3, #99B7CF, #1E6CB8, #004A55, #050F3D)

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