Cocoa Coast color palette — #D5E5D4 · #7D6E38 · #603C00 · #3F1500 · #030400

Bronze and Walnut set the tone — five colors that lean into nature and growth.

The five colors

• Celadon Mist (#D5E5D4): A whisper-light, dusty green — the color of new leaves after rain.
• Walnut (#7D6E38): A full-bodied, dusty green — the color of fresh herbs.
• Bronze (#603C00): A deep, shadowed, balanced gold — the color of afternoon light on wheat.
• Espresso (#3F1500): A deep, shadowed, dusty orange — the color of autumn markets.
• Ink (#030400): A deep, shadowed, dusty green — the color of new leaves after rain.

Feels like: Nature, Growth, Optimism, Sophistication, Grounding. Tagged earthy, warm, 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

• Smoked Bronze Orchard color palette (#F6E8D9, #8A6F00, #553300, #250800, #020100)
• Garnet Corridor color palette (#EDD7E5, #995F29, #792400, #4A0015, #060300)
• Timeworn Bronze color palette (#F1E3DB, #986800, #4C4E00, #0D2B00, #000402)
• Gentle Rust Boulevard color palette (#E7DAE1, #B95100, #045510, #5D2500, #000300)
• Abyss Balcony color palette (#E1F0E6, #615200, #00532D, #002B48, #020200)
• Softworn Station color palette (#DBF2E2, #9DA46F, #886F00, #6E4100, #122B05)
• Wandering Balcony color palette (#EDD8E4, #B48048, #984418, #740B1F, #1E1500)
• Rust Lagoon color palette (#D2E1F3, #0088A6, #BE3B00, #130800, #050003)

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