Cocoa Coast color palette — #F2D7EA · #574400 · #002A1D · #17001C · #010100

Deep Olive takes the lead with Ink close behind in a set that reads as nature and growth at first glance.

The five colors

• Thistle (#F2D7EA): A whisper-light, dusty pink — the color of neon signs at night.
• Deep Olive (#574400): A deep, shadowed, balanced green — the color of a quiet forest floor.
• Deep Forest (#002A1D): A deep, shadowed, dusty teal — the color of glacier melt.
• Ink (#17001C): A deep, shadowed, dusty pink — the color of peonies in June.
• Black (#010100): a grounded near-black with real depth.

Feels like: Nature, Growth, Optimism, Creativity, Sophistication, Depth. Tagged retro, 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

• Fern Delta color palette (#F2E7F3, #215400, #00282F, #1D0005, #000201)
• Cocoa Delta color palette (#F6E0E8, #583000, #00222E, #181608, #170005)
• Eclipse Garnet Dune color palette (#D6E7D3, #7F1F00, #242500, #09002E, #020100)
• Smoked Fern Dune color palette (#DEEDDC, #5D5C00, #033405, #1F1000, #000201)
• Olive Bloom color palette (#EFDFC7, #626A00, #003D1F, #0D0031, #010100)
• Washed Lagoon Archive color palette (#FDE0F1, #00966A, #005883, #551C00, #001616)
• Hushed Bronze color palette (#D7EEE7, #A46600, #4C6900, #00454D, #000200)
• Worn Olive color palette (#F8E9FC, #2F7700, #00434F, #3E001A, #000704)

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