Cocoa Coast color palette — #FFF0F8 · #EAD4E2 · #D598BF · #A87084 · #793D1D
Built around Bronze, softened by Mauve — the whole palette hums with optimism and creativity.
The five colors
- Ivory (#FFF0F8): a clean, paper-quiet neutral.
- Silver (#EAD4E2): A whisper-light, dusty pink — the color of peonies in June.
- Mauve (#D598BF): A luminous, balanced pink — the color of peonies in June.
- Mocha (#A87084): A luminous, dusty rose — the color of pressed rose petals.
- Bronze (#793D1D): A full-bodied, balanced orange — the color of autumn markets.
Feels like: Optimism, Creativity, Warmth, Comfort, Sophistication. Tagged light, 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
- Cocoa Chapel color palette (#FFF1F2, #F2D3CD, #EBA2A0, #A27254, #694400)
- Muted Peony color palette (#FFEAF0, #CEA1D0, #AA639D, #7C4563, #4E332F)
- Wandering Blush color palette (#F4F4FF, #ECC5F1, #DB9BCC, #CA789F, #5C4666)
- Quiet Dune color palette (#FFF0FE, #FFACCD, #D9646A, #8F3B1A, #402600)
- Raspberry Study color palette (#FDE0FF, #ED83C1, #CA3961, #7D2200, #291300)
- Ash Workshop color palette (#FFF1F2, #FFD3DC, #9BDBC8, #BF82B4, #3B4C2E)
- Softworn Stone Villa color palette (#FFF1F2, #E2DAD0, #CFA7B9, #9FB6AE, #5F4A46)
- Weathered Orchard color palette (#FFF1F7, #FFC2C4, #D68362, #8E5B25, #4B400C)
Browse the whole catalog at Explore, or see today's palette.