Cocoa Coast color palette — #C5F3F4 · #00585A · #613300 · #362900 · #000A0A
A conversation between Bronze and Peacock, giving this palette its sense of nature and growth.
The five colors
- Honeydew (#C5F3F4): A whisper-light, dusty teal — the color of shallow lagoons.
- Peacock (#00585A): A full-bodied, dusty teal — the color of glacier melt.
- Bronze (#613300): A deep, shadowed, balanced gold — the color of old brass.
- Espresso (#362900): A deep, shadowed, dusty green — the color of new leaves after rain.
- Ink (#000A0A): A deep, shadowed, dusty teal — the color of sea glass.
Feels like: Nature, Growth, Optimism, Sophistication. Tagged muted.
Use it as a design system
One click turns Cocoa Coast 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
- Velvet Station color palette (#DDEFDA, #004F4B, #383900, #002412, #000605)
- Mulberry Veranda color palette (#D1E9F0, #005263, #6D005C, #372E00, #000102)
- Hazy Delta color palette (#CFEFDB, #005C37, #7D010C, #5B1100, #000B04)
- Wandering Mulberry color palette (#CDEFF9, #007288, #9B0084, #574A00, #00090D)
- Wandering Bronze Harbor color palette (#F3E7DC, #7C6500, #532E00, #3C0200, #090D00)
- Tempered Violet Courtyard color palette (#BFEDED, #5CA3DD, #8F52D7, #004426, #001D13)
- Dusty Ultramarine Pier color palette (#E1EAFF, #283EDA, #295C00, #004335, #050B34)
- Wandering Chestnut color palette (#CFE4E7, #00808F, #8C5600, #584D00, #002A30)
Browse the whole catalog at Explore, or see today's palette.