Cocoa Coast color palette — #F4DDD5 · #753D00 · #432C00 · #151500 · #010200
A conversation between Bronze and Espresso, giving this palette its sense of optimism and sophistication.
The five colors
- Shell Pink (#F4DDD5): A whisper-light, dusty orange — the color of toasted spice.
- Bronze (#753D00): A full-bodied, balanced gold — the color of old brass.
- Espresso (#432C00): A deep, shadowed, dusty gold — the color of afternoon light on wheat.
- Ink (#151500): A deep, shadowed, dusty green — the color of fresh herbs.
- Black (#010200): quiet, heavy and certain.
Feels like: Optimism, Sophistication, Depth, Luxury. Tagged dark, 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
- Fern Market color palette (#E8E0D4, #4F580D, #362700, #1B0800, #000200)
- Bronze Alley color palette (#FFDED7, #9F5800, #534000, #2D2B00, #040A00)
- Obsidian Nightshade color palette (#E7DFCF, #5E4900, #23209A, #271D00, #00000B)
- Moonless Ridge color palette (#F6DBE8, #7600D9, #664E00, #0B0D06, #020100)
- Cellar Terrace color palette (#F5D8E8, #96003B, #580E00, #1A0800, #020100)
- Muted Terrace color palette (#FAEFD8, #719556, #007478, #5E1A00, #020200)
- Feathered Archive color palette (#FEE9DD, #A17500, #635700, #1D3700, #001F0C)
- Lowlit Navy color palette (#E4E9C7, #064909, #003749, #18006D, #000200)
Browse the whole catalog at Explore, or see today's palette.