Cocoa Garden color palette — #E1FBFF · #007D6B · #713700 · #241F00 · #000200
Built around Bronze, softened by Teal — the whole palette hums with optimism and sophistication.
The five colors
- Ivory (#E1FBFF): A whisper-light, dusty blue — the color of open sky before noon.
- Teal (#007D6B): A full-bodied, balanced teal — the color of shallow lagoons.
- Bronze (#713700): A full-bodied, balanced gold — the color of honey in a jar.
- Onyx (#241F00): A deep, shadowed, dusty green — the color of new leaves after rain.
- Black (#000200): A deep, shadowed, dusty green — the color of a quiet forest floor.
Feels like: Optimism, Sophistication. Tagged jewel, vibrant, 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
- Forest Archive color palette (#C3F3FB, #006157, #472500, #191600, #000200)
- Dusty Chestnut color palette (#E0FBFF, #009F8A, #995100, #463B00, #000400)
- Eclipse Aubergine color palette (#DEEDDF, #005C60, #5C0058, #2A1B00, #000200)
- Cobalt Ridge color palette (#EEF6FF, #0087D5, #4B6300, #003F2B, #000405)
- Airy Byzantium color palette (#D5E1EB, #0090CD, #9A3FD0, #7F4400, #000806)
- Soft Mulberry Thicket color palette (#E0FEED, #787300, #870061, #520008, #020100)
- Velvet Onyx Bloom color palette (#E0E0C8, #345100, #53001D, #2F1000, #090500)
- Muted Teal color palette (#E9F9FB, #22BDA8, #AB6F3F, #6F6104, #001D1B)
Browse the whole catalog at Explore, or see today's palette.