Deep Cocoa color palette — #CDEDFE · #005A70 · #5C3300 · #00252F · #0C0400

Built around Cocoa, softened by Peacock — the whole palette hums with trust and stability.

The five colors

• Frost (#CDEDFE): A whisper-light, dusty blue — the color of deep harbor water.
• Peacock (#005A70): A full-bodied, balanced blue — the color of deep harbor water.
• Cocoa (#5C3300): A deep, shadowed, balanced gold — the color of afternoon light on wheat.
• Midnight (#00252F): A deep, shadowed, dusty blue — the color of a favorite pair of jeans.
• Ink (#0C0400): A deep, shadowed, dusty gold — the color of honey in a jar.

Feels like: Trust, Stability, Optimism, Calm, Sophistication, Depth. Tagged dark, muted, cool.

Use it as a design system

One click turns Deep Cocoa 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

• Obsidian Garnet Lagoon color palette (#C6E4F0, #005C65, #780026, #00262A, #130002)
• Deep Navy Thicket color palette (#D7EDFF, #00436B, #522500, #2A1D00, #000205)
• Antique Terrace color palette (#CDE3F2, #00729B, #884200, #003E55, #0E0300)
• Charred Petrol color palette (#D6E0ED, #006DA4, #002E48, #241920, #000914)
• Worn Nightshade Pier color palette (#E5EFFF, #2C44AC, #3F4200, #0B006C, #060600)
• Antique Grape Boulevard color palette (#EAEBFF, #7F2AB7, #514E00, #410064, #111000)
• Moonless Fern Study color palette (#E0F5E5, #585F04, #382900, #1F0A00, #000500)
• Washed Mulberry color palette (#DCF1FF, #7B91D6, #90477E, #003632, #000C1E)

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