Cocoa Garden color palette — #FFF0FD · #6181BA · #88608E · #803E0D · #3E2C3D
A conversation between Bronze and Slate Blue, giving this palette its sense of trust and stability.
The five colors
- Blush (#FFF0FD): A whisper-light, dusty pink — the color of a candy shop window.
- Slate Blue (#6181BA): A luminous, balanced violet — the color of twilight just after sunset.
- Slate (#88608E): A full-bodied, balanced pink — the color of neon signs at night.
- Bronze (#803E0D): A full-bodied, balanced gold — the color of honey in a jar.
- Espresso (#3E2C3D): A deep, shadowed, dusty pink — the color of neon signs at night.
Feels like: Trust, Stability, Optimism, Creativity, Balance. Tagged muted.
Use it as a design system
One click turns Cocoa Garden 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
- Terracotta Basin color palette (#E8FAF4, #4587BC, #7B649C, #8B3219, #143B31)
- Antique Grove color palette (#FFF1F6, #8D71B5, #9C5872, #655000, #432A35)
- Quiet Indigo Pier color palette (#FFE7F2, #7363AB, #8B5100, #005423, #391A2B)
- Timeworn Pewter color palette (#FEF0FA, #7785BC, #74538C, #594500, #003E54)
- Pale Plum Harbor color palette (#EBF2FF, #6C7FD3, #B04E79, #7E3B31, #121A28)
- Mulberry Orchard color palette (#ECFAEB, #009490, #965B7A, #7E355E, #243923)
- Quiet Violet Chapel color palette (#FFF1F6, #8855D0, #B62A27, #385400, #312249)
- Ancient Meadow color palette (#F0F7F4, #DDD5D3, #C8B8B7, #367BA9, #3D4B47)
Browse the whole catalog at Explore, or see today's palette.