Cocoa Basin color palette — #E3EDE4 · #AEBDB6 · #6C9890 · #5B3E00 · #172318
Built around Bronze, softened by Eucalyptus — the whole palette hums with optimism and sophistication.
The five colors
- Honeydew (#E3EDE4): a clean, paper-quiet neutral.
- Ash (#AEBDB6): a calm mid-gray that lets other colors speak.
- Eucalyptus (#6C9890): A luminous, dusty teal — the color of sea glass.
- Bronze (#5B3E00): A deep, shadowed, balanced gold — the color of afternoon light on wheat.
- Onyx (#172318): A deep, shadowed, dusty green — the color of a quiet forest floor.
Feels like: Optimism, Sophistication. Tagged scandi, muted, light.
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
- Hushed Thicket color palette (#DAE2DE, #98AFA9, #628787, #3F3800, #03190E)
- Weathered Chestnut color palette (#E5EAE6, #B9C8BF, #8AAE9E, #795C00, #162319)
- Garnet Delta color palette (#E3DCE1, #C2B5BA, #7F9485, #811200, #291925)
- Timeworn Forest Harbor color palette (#E6F1F1, #BFD0D3, #85A6B6, #00663B, #1D3232)
- Aged Courtyard color palette (#CAE7DF, #4F886B, #00504A, #57110A, #002113)
- Washed Aubergine Villa color palette (#EBDCD0, #678F7C, #216B3E, #522156, #451522)
- Hushed Bronze color palette (#F1F7F2, #D2DDDE, #B1C3C9, #877235, #404B43)
- Soft Tangerine Quarry color palette (#DAF4E6, #F48046, #8D7D00, #006542, #111700)
Browse the whole catalog at Explore, or see today's palette.