Cocoa Pier color palette — #D2E4F4 · #0070A5 · #7A2700 · #003728 · #001F20
Built around Rust, softened by Peacock — the whole palette hums with trust and stability.
The five colors
- Frost (#D2E4F4): A whisper-light, dusty blue — the color of deep harbor water.
- Peacock (#0070A5): A full-bodied, balanced blue — the color of a favorite pair of jeans.
- Rust (#7A2700): A deep, shadowed, balanced orange — the color of toasted spice.
- Deep Forest (#003728): A deep, shadowed, dusty teal — the color of glacier melt.
- Ink (#001F20): A deep, shadowed, dusty teal — the color of sea glass.
Feels like: Trust, Stability, Optimism, Balance. Tagged 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
- Misty Terracotta color palette (#E6F4FF, #147FB6, #8A3609, #004442, #002A37)
- Dusty Studio color palette (#DFF1FF, #005F85, #661300, #002525, #030D1A)
- Petrol Pier color palette (#D3E4F4, #006DAF, #693800, #462400, #261F00)
- Hazy Garnet color palette (#F3E4EB, #6C5BAE, #830F2C, #2E2700, #000E0C)
- Powdered Brick color palette (#DCE1F1, #8870DE, #AF2A2D, #3E4800, #00242B)
- Wandering Chapel color palette (#D8EBDA, #859360, #1C643C, #562D4A, #242D00)
- Inked Nightshade Bloom color palette (#D9E6FD, #212EBB, #3D2400, #001721, #01040C)
- Wandering Rust Pier color palette (#D2E7DF, #3CB8FE, #C55000, #007358, #00261B)
Browse the whole catalog at Explore, or see today's palette.