Cocoa Coast color palette — #D2E9D3 · #004E50 · #5B2200 · #002414 · #000606

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

The five colors

• Celadon Mist (#D2E9D3): A whisper-light, dusty green — the color of fresh herbs.
• Forest (#004E50): A deep, shadowed, dusty teal — the color of shallow lagoons.
• Espresso (#5B2200): A deep, shadowed, balanced orange — the color of toasted spice.
• Onyx (#002414): A deep, shadowed, dusty teal — the color of sea glass.
• Ink (#000606): a grounded near-black with real depth.

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

Use it as a design system

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

• Eclipse Basin color palette (#CCE3F7, #004870, #6B0204, #251A00, #000103)
• Lowlit Nightshade color palette (#E3E8F7, #251BBA, #403500, #231C00, #01001E)
• Inked Chapel color palette (#CDE6D9, #007395, #610035, #002B3B, #060002)
• Antique Terracotta Market color palette (#DEF0EA, #00669C, #9D040D, #423400, #00050C)
• Misty Alley color palette (#F6D5E1, #6925A3, #00512D, #003219, #150226)
• Aubergine Market color palette (#FFE8F1, #480085, #3D2300, #1E0E00, #03000A)
• Aubergine Terrace color palette (#EBEFCE, #005F89, #4A0064, #031F01, #01052C)
• Patina Grape Corridor color palette (#F3D4E3, #6742C3, #475C00, #2F3E00, #2D0D20)

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