Cocoa Coast color palette — #F1F5FD · #8996C3 · #85618C · #7D3C48 · #5C391C
A conversation between Oxblood and Slate, giving this palette its sense of optimism and creativity.
The five colors
- Ivory (#F1F5FD): a clean, paper-quiet neutral.
- Blue Fog (#8996C3): A luminous, dusty violet — the color of wild irises.
- Slate (#85618C): A full-bodied, dusty pink — the color of neon signs at night.
- Oxblood (#7D3C48): A full-bodied, balanced red — the color of a theater curtain.
- Cocoa (#5C391C): A deep, shadowed, dusty gold — the color of old brass.
Feels like: Optimism, Creativity, Sophistication. Tagged 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
- Ancient Aubergine color palette (#ECF7FE, #65A2B9, #5F6DA0, #6C3E78, #5F333D)
- Dusty Cocoa Terrace color palette (#F4F4FF, #A48DB5, #975C6C, #803F00, #214C3A)
- Worn Pewter Lagoon color palette (#E6F5F8, #4FAEA5, #846199, #634613, #0E2F1E)
- Worn Iris Quarry color palette (#F2F7EF, #7AC2AD, #987DBF, #8A5F28, #43433C)
- Timeworn Field color palette (#ECF9F2, #76D5FB, #9CA5DF, #A0779D, #34492C)
- Softworn Parlor color palette (#EDF6FF, #98B9E0, #658AC4, #4261A4, #3F4D68)
- Frosted Workshop color palette (#F1F5FF, #726ADF, #90188D, #7B0024, #492600)
- Timeworn Cerulean color palette (#EAF3FA, #4685A3, #2F3E4C, #192B37, #13161B)
Browse the whole catalog at Explore, or see today's palette.