Cocoa Basin color palette — #D5FFFA · #FFE9DE · #D7CDD3 · #613100 · #2F2924

A conversation between Bronze and Honeydew, giving this palette its sense of optimism and sophistication.

The five colors

• Honeydew (#D5FFFA): A whisper-light, dusty teal — the color of sea glass.
• Rose Water (#FFE9DE): A whisper-light, dusty orange — the color of toasted spice.
• Oat (#D7CDD3): bright and airy, almost weightless.
• Bronze (#613100): A deep, shadowed, balanced gold — the color of afternoon light on wheat.
• Onyx (#2F2924): quiet, heavy and certain.

Feels like: Optimism, Sophistication. Tagged neon, dark, vibrant, 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

• Basalt Chapel color palette (#FFE8E9, #D0CEE2, #A69CA1, #513D38, #261C19)
• Tempered Chartreuse Orchard color palette (#E2F0FF, #CCEF00, #E1CDC8, #3C3B34, #15140E)
• Dusty Honey color palette (#FFF1F5, #C3E7FF, #FFC377, #3C2401, #170C01)
• Hushed Marigold color palette (#D9E5FF, #5AEAE4, #FFA84C, #564442, #393134)
• Hushed Station color palette (#FDF3E9, #EAB984, #5DBCDD, #8A76AE, #36312B)
• Timeworn Chapel color palette (#F9F4EE, #E0DFCD, #6FC29F, #BB915A, #1C2017)
• Patina Turquoise Balcony color palette (#F9F5EC, #C6B76B, #3AA6C2, #775C86, #292014)
• Hazy Workshop color palette (#F3E0E0, #EBB3FF, #88D400, #142600, #030200)

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