Cocoa Basin color palette — #D4F2CE · #5EB0C9 · #537296 · #734941 · #663100
Built around Bronze, softened by Cyan — the whole palette hums with nature and growth.
The five colors
- Honeydew (#D4F2CE): A whisper-light, dusty green — the color of fresh herbs.
- Cyan (#5EB0C9): A luminous, balanced blue — the color of a favorite pair of jeans.
- Slate (#537296): A full-bodied, dusty blue — the color of a favorite pair of jeans.
- Coffee (#734941): A full-bodied, dusty orange — the color of toasted spice.
- Bronze (#663100): A deep, shadowed, balanced gold — the color of afternoon light on wheat.
Feels like: Nature, Growth, Trust, Stability, Optimism, Balance. Tagged vintage, retro, 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
- Aged Chestnut color palette (#C0F1DD, #87A4D6, #786890, #79470F, #553C00)
- Cocoa Villa color palette (#EEF3DA, #96B094, #588579, #68422C, #352406)
- Chalky Azure Meadow color palette (#D9F7EA, #28A9E3, #9F5300, #005E83, #502B0A)
- Muted Driftwood color palette (#CBEAFF, #ACCDEC, #98ACD6, #9B6B99, #65384E)
- Tempered Cocoa Harbor color palette (#D9DFF6, #A28BB8, #845073, #634800, #2C3D21)
- Softworn Turquoise Studio color palette (#CAE7E8, #00A5BC, #007694, #004F7A, #333159)
- Tempered Cobalt Meadow color palette (#FCF4E7, #8ECFEF, #2C7EBA, #005E67, #273B5B)
- Feathered Dune color palette (#C7EFE1, #0081C1, #A54968, #526313, #123229)
Browse the whole catalog at Explore, or see today's palette.