Cocoa Coast color palette — #FEF0FF · #C3AFC0 · #9E7D90 · #7A5552 · #6A3C00
A conversation between Bronze and Coffee, giving this palette its sense of optimism and warmth.
The five colors
- Blush (#FEF0FF): A whisper-light, dusty pink — the color of peonies in June.
- Ash (#C3AFC0): A luminous, dusty pink — the color of neon signs at night.
- Heather (#9E7D90): A luminous, dusty pink — the color of peonies in June.
- Coffee (#7A5552): A full-bodied, dusty orange — the color of autumn markets.
- Bronze (#6A3C00): A full-bodied, balanced gold — the color of honey in a jar.
Feels like: Optimism, Warmth, Comfort, Sophistication. Tagged vintage, retro, muted, warm.
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
- Tempered Cocoa Orchard color palette (#D0FAE5, #9CB8AF, #8F7A8D, #78565D, #713711)
- Ancient Lagoon color palette (#F6DEE3, #CFA0A5, #986E6B, #79470F, #444112)
- Washed Archive color palette (#FFF1F7, #DAC4CA, #AF8D90, #9D603B, #634E00)
- Ash Pier color palette (#EEF6FF, #C7DBF7, #AAB8DC, #A08EB2, #5B4D5F)
- Chestnut Basin color palette (#E7F3DC, #AEC0AF, #5E9386, #744C2B, #383630)
- Tempered Garnet Loft color palette (#F3E5F1, #AE708D, #803C4A, #4D2E00, #1E2702)
- Weathered Coral color palette (#FFF0FB, #869CE0, #C46A7D, #4D61A1, #63303B)
- Hushed Ash Boulevard color palette (#D9F7FD, #B8D0E0, #8DA0C6, #62816B, #3B554B)
Browse the whole catalog at Explore, or see today's palette.