Cocoa Coast color palette — #D3E7CE · #006F66 · #6B4400 · #2C2900 · #000201
Built around Bronze, softened by Teal — the whole palette hums with nature and growth.
The five colors
- Celadon Mist (#D3E7CE): A whisper-light, dusty green — the color of a quiet forest floor.
- Teal (#006F66): A full-bodied, balanced teal — the color of sea glass.
- Bronze (#6B4400): A full-bodied, balanced gold — the color of old brass.
- Espresso (#2C2900): A deep, shadowed, dusty green — the color of fresh herbs.
- Black (#000201): quiet, heavy and certain.
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
- Eclipse Cypress Garden color palette (#E1F2E1, #00696A, #462F00, #0F1300, #000201)
- Patina Market color palette (#E6ECD5, #007335, #901500, #3A2100, #000200)
- Soft Cobalt Cabin color palette (#D1F8EC, #0078BD, #476D00, #004429, #000103)
- Powdered Studio color palette (#E0FFE0, #00A7A7, #A77200, #545A00, #001010)
- Rust Delta color palette (#DDF1E6, #0089A8, #C43500, #4E5C00, #000609)
- Powdered Loft color palette (#FFF2ED, #D16267, #887600, #335A00, #170002)
- Faded Harbor color palette (#FFF2EC, #E17D72, #918F29, #277212, #270C02)
- Eclipse Aubergine color palette (#D7EAFD, #004678, #5E0056, #002318, #00050E)
Browse the whole catalog at Explore, or see today's palette.