Cocoa Basin color palette — #DEF6DA · #6B4200 · #004666 · #1D294D · #0E0500

A conversation between Bronze and Navy, giving this palette its sense of trust and stability.

The five colors

• Honeydew (#DEF6DA): A whisper-light, dusty green — the color of a quiet forest floor.
• Bronze (#6B4200): A full-bodied, balanced gold — the color of honey in a jar.
• Navy (#004666): A deep, shadowed, balanced blue — the color of open sky before noon.
• Midnight (#1D294D): A deep, shadowed, dusty violet — the color of a velvet chair.
• Ink (#0E0500): A deep, shadowed, dusty gold — the color of old brass.

Feels like: Trust, Stability, Optimism, Sophistication. Tagged muted.

Use it as a design system

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

• Cellar Basalt Summit color palette (#C7F2E4, #364600, #00355D, #1D1544, #010200)
• Shadow Aubergine Courtyard color palette (#F9E5D1, #6B3C00, #004942, #41006C, #020100)
• Timeworn Dune color palette (#D8EAE0, #916100, #2D333B, #211D00, #050400)
• Garnet Lagoon color palette (#F4D7D1, #910B00, #004C42, #003139, #170000)
• Patina Corridor color palette (#D9E5CB, #3B5700, #2C15B0, #3E0065, #040900)
• Bronze Atelier color palette (#EAE7D9, #837000, #006D92, #304C7C, #2B2400)
• Linen Coast color palette (#FCE2CB, #935500, #006A60, #640EA1, #0F0500)
• Ancient Bronze Corridor color palette (#F6E0EA, #866006, #5A2800, #3C000A, #0C0C00)

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