Cocoa Coast color palette — #D1EEFC · #AA8FAC · #6F68A1 · #6F3919 · #392600
A conversation between Bronze and Slate, giving this palette its sense of optimism and creativity.
The five colors
- Frost (#D1EEFC): A whisper-light, dusty blue — the color of a favorite pair of jeans.
- Dusty Rose (#AA8FAC): A luminous, dusty pink — the color of peonies in June.
- Slate (#6F68A1): A full-bodied, balanced violet — the color of twilight just after sunset.
- Bronze (#6F3919): A full-bodied, balanced orange — the color of sun-warmed clay.
- Espresso (#392600): A deep, shadowed, dusty gold — the color of honey in a jar.
Feels like: Optimism, Creativity, Sophistication. Tagged vintage, retro, 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
- Garnet Courtyard color palette (#DFEFE2, #5F97C0, #666C97, #812C29, #422300)
- Ancient Pewter Market color palette (#DAE0F3, #9A8AB7, #995782, #574600, #1C2E00)
- Worn Summit color palette (#D7EDF7, #6FA1EA, #6E679D, #603A26, #1F1200)
- Driftwood Archive color palette (#E4EDFF, #B1ACE7, #A768A6, #7B5200, #363D00)
- Weathered Veranda color palette (#E2E3FB, #986C79, #72405F, #383000, #041B00)
- Faded Azure Coast color palette (#BFE9E6, #3BABE7, #9A79B3, #4D7258, #352700)
- Hushed Denim color palette (#C1EADB, #3D94B1, #5D5494, #3C3F07, #0F2E10)
- Tempered Fern Bloom color palette (#F7DFE7, #C3959A, #AB727B, #4F602A, #004229)
Browse the whole catalog at Explore, or see today's palette.