Cocoa Pier color palette — #BFE6F2 · #007073 · #863900 · #5C2500 · #001F27
Built around Rust, softened by Espresso — the whole palette hums with optimism and balance.
The five colors
- Powder Blue (#BFE6F2): A whisper-light, dusty blue — the color of a favorite pair of jeans.
- Teal (#007073): A full-bodied, balanced teal — the color of glacier melt.
- Rust (#863900): A full-bodied, balanced orange — the color of autumn markets.
- Espresso (#5C2500): A deep, shadowed, balanced orange — the color of toasted spice.
- Midnight (#001F27): A deep, shadowed, dusty blue — the color of deep harbor water.
Feels like: Optimism, Balance. Tagged warm.
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
- Powdered Cocoa Garden color palette (#C7E4E9, #007363, #863900, #0A4405, #00211B)
- Petrol Harbor color palette (#CCE1F1, #006B94, #575700, #3B3A00, #001E2C)
- Mulberry Summit color palette (#CEE9D6, #007182, #97194B, #512C00, #000A0D)
- Linen Plum color palette (#C4E4F2, #0090A4, #B93D6B, #764600, #001F25)
- Aged Chestnut color palette (#D6F5FA, #008371, #755E00, #534300, #002D32)
- Wandering Garnet color palette (#BEE5F8, #006E81, #82315C, #670041, #001F26)
- Ancient Mulberry Veranda color palette (#CCE1F3, #00699B, #951940, #294000, #001C32)
- Ultramarine Drift color palette (#D9E5FF, #2C55E4, #6E5500, #4D3A00, #0E1C42)
Browse the whole catalog at Explore, or see today's palette.