Cocoa Coast color palette — #F4E5ED · #A1ADA0 · #6C8678 · #5E2200 · #1F0D18

Built around Espresso, softened by Driftwood — the whole palette hums with optimism and sophistication.

The five colors

• Blush (#F4E5ED): bright and airy, almost weightless.
• Sage (#A1ADA0): A luminous, dusty green — the color of fresh herbs.
• Driftwood (#6C8678): A full-bodied, dusty teal — the color of shallow lagoons.
• Espresso (#5E2200): A deep, shadowed, balanced orange — the color of sun-warmed clay.
• Ink (#1F0D18): A deep, shadowed, dusty pink — the color of neon signs at night.

Feels like: Optimism, Sophistication. Tagged scandi, muted, light.

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

• Hushed Onyx Orchard color palette (#DEE9DF, #8B9F95, #567972, #3B2600, #030C03)
• Washed Cocoa Harbor color palette (#F5ECF0, #C2AEB5, #889C87, #823B00, #1F0D17)
• Garnet Veranda color palette (#EEEAF1, #B2A4B0, #957484, #680039, #1B0D22)
• Hushed Balcony color palette (#EAE3DE, #AB9D91, #9E7236, #572600, #0A0300)
• Fern Lagoon color palette (#E6F4EF, #ACBDBB, #6F969C, #3D4B00, #0E241E)
• Chestnut Basin color palette (#FEF1F7, #C8D7CB, #8FAFA2, #894500, #422A36)
• Pale Bronze color palette (#FFE4DA, #997320, #405028, #351B59, #2E022C)
• Washed Bronze Grove color palette (#EFF8F1, #C7E0E1, #9FC5C1, #846600, #304636)

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