Cocoa Garden color palette — #E6FAF7 · #6DB39F · #00787D · #7B3D23 · #004637
Bronze and Teal set the tone — five colors that lean into optimism and calm.
The five colors
- Ivory (#E6FAF7): A whisper-light, dusty teal — the color of sea glass.
- Jade (#6DB39F): A luminous, dusty teal — the color of sea glass.
- Teal (#00787D): A full-bodied, balanced teal — the color of shallow lagoons.
- Bronze (#7B3D23): A full-bodied, balanced orange — the color of toasted spice.
- Forest (#004637): A deep, shadowed, dusty teal — the color of shallow lagoons.
Feels like: Optimism, Calm, Sophistication, Grounding. Tagged botanical, earthy, muted, cool.
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
- Weathered Archive color palette (#ECF9F3, #8FB9B3, #3A836A, #5A5E31, #234A46)
- Antique Forest color palette (#EBFAEF, #95A175, #407045, #5B4908, #313A13)
- Pine Courtyard color palette (#E4FCED, #95AD73, #237C46, #7B3653, #314112)
- Ancient Jade Lagoon color palette (#D6F2EC, #35A97E, #006865, #254F00, #003825)
- Quiet Mint color palette (#DAFFF0, #2ACCA9, #008060, #004636, #002D24)
- Wandering Dune color palette (#E2E4D5, #71AD45, #008B4B, #006048, #004542)
- Muted Byzantium color palette (#BFF7FD, #009579, #B031AB, #AF005D, #003A2E)
- Powdered Orchid color palette (#D8FEFF, #2BAC7F, #B252B4, #006D4D, #5C165E)
Browse the whole catalog at Explore, or see today's palette.