Deep Cocoa Coast color palette — #F1D7E6 · #5F2100 · #003130 · #00122C · #050100

Espresso takes the lead with Ink close behind in a set that reads as optimism and sophistication at first glance.

The five colors

• Shell Pink (#F1D7E6): A whisper-light, dusty pink — the color of neon signs at night.
• Espresso (#5F2100): A deep, shadowed, balanced orange — the color of toasted spice.
• Deep Forest (#003130): A deep, shadowed, dusty teal — the color of sea glass.
• Ink (#00122C): A deep, shadowed, dusty blue — the color of a favorite pair of jeans.
• Black (#050100): A deep, shadowed, dusty gold — the color of afternoon light on wheat.

Feels like: Optimism, Sophistication, Depth, Luxury. Tagged dark, muted.

Use it as a design system

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

• Smoked Onyx color palette (#D8EBD8, #4C3100, #00303C, #14003D, #000300)
• Nocturne Garnet color palette (#E7D8EF, #68003A, #083401, #00161A, #060002)
• Velvet Cocoa color palette (#D5F1DA, #624300, #212700, #000E1F, #050300)
• Washed Dune color palette (#FFE4D3, #893400, #004D62, #002E3C, #050100)
• Worn Onyx Atelier color palette (#E9EEE8, #8E9F93, #57796B, #3D2500, #030C03)
• Lowlit Navy Harbor color palette (#FBE6FF, #690028, #00127D, #000542, #030004)
• Lowlit Bloom color palette (#D7E9E1, #474700, #0800A7, #31003C, #050500)
• Feathered Aubergine Grove color palette (#D6EADB, #664E00, #004770, #330068, #130C00)

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