Cocoa Coast color palette — #F9E9DD · #728751 · #005F55 · #572400 · #2B1F00

Built around Espresso, softened by Olive Leaf — the whole palette hums with nature and growth.

The five colors

• Cream (#F9E9DD): A whisper-light, dusty gold — the color of afternoon light on wheat.
• Olive Leaf (#728751): A full-bodied, balanced green — the color of new leaves after rain.
• Pine (#005F55): A full-bodied, dusty teal — the color of glacier melt.
• Espresso (#572400): A deep, shadowed, balanced orange — the color of toasted spice.
• Onyx (#2B1F00): A deep, shadowed, dusty gold — the color of honey in a jar.

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

• Softworn Meadow color palette (#E9DEC9, #628648, #00523C, #382E00, #0E2000)
• Muted Petrol Meadow color palette (#E9E5D4, #3F8D78, #0A6784, #483500, #142B0A)
• Worn Aubergine Coast color palette (#FFDBD6, #89827D, #485916, #5D1B54, #451B16)
• Aged Drift color palette (#ECF3D7, #57A18F, #007689, #664064, #421627)
• Garnet Villa color palette (#DCEEDA, #006866, #930D00, #552D00, #001615)
• Lagoon Drift color palette (#D8E8CC, #009066, #005D55, #003237, #101733)
• Lagoon Parlor color palette (#E1F7DE, #278A79, #005968, #421E43, #17071D)
• Brick Harbor color palette (#D6E6D4, #007E78, #A90029, #00433F, #3A0008)

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