Cocoa Pier color palette — #D8F1E0 · #5A4200 · #262400 · #000E0B · #020100
Built around Deep Olive, softened by Onyx — the whole palette hums with nature and growth.
The five colors
- Honeydew (#D8F1E0): A whisper-light, dusty teal — the color of shallow lagoons.
- Deep Olive (#5A4200): A deep, shadowed, balanced gold — the color of old brass.
- Onyx (#262400): A deep, shadowed, dusty green — the color of fresh herbs.
- Ink (#000E0B): A deep, shadowed, dusty teal — the color of sea glass.
- Black (#020100): quiet, heavy and certain.
Feels like: Nature, Growth, Optimism, Sophistication, Depth, Luxury. Tagged retro, dark, muted.
Use it as a design system
One click turns Cocoa Pier 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
- Chestnut Study color palette (#F2E3C6, #7F5D00, #433F00, #00261F, #050300)
- Lowlit Delta color palette (#CEE8D5, #403C47, #352800, #0F1611, #030200)
- Eclipse Courtyard color palette (#D3E4DD, #4D6028, #153200, #1E1100, #010100)
- Terracotta Boulevard color palette (#D6EFD4, #9F4400, #373300, #11002D, #020100)
- Worn Olive Lantern color palette (#DFF6E9, #847B00, #3D5600, #003335, #0F1000)
- Lagoon Alley color palette (#CAEBE2, #009766, #006056, #003064, #00170F)
- Tempered Navy Courtyard color palette (#D5E7E6, #5A7C99, #003D6B, #001E29, #000105)
- Timeworn Amber Chapel color palette (#D6FDE6, #AA8F00, #5C6900, #004845, #201D00)
Browse the whole catalog at Explore, or see today's palette.