Cocoa Veranda color palette — #FFF1F5 · #EABCE4 · #CE89A6 · #A56977 · #7C3F21
Built around Bronze, softened by Dusty Rose — the whole palette hums with optimism and creativity.
The five colors
- Ivory (#FFF1F5): a clean, paper-quiet neutral.
- Carnation (#EABCE4): A whisper-light, dusty pink — the color of neon signs at night.
- Dusty Rose (#CE89A6): A luminous, balanced rose — the color of strawberry cream.
- Mocha (#A56977): A full-bodied, dusty red — the color of embers at dusk.
- Bronze (#7C3F21): A full-bodied, balanced orange — the color of autumn markets.
Feels like: Optimism, Creativity, Warmth, Comfort, Balance. Tagged muted, warm.
Use it as a design system
One click turns Cocoa Veranda 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
- Aged Mallow Market color palette (#FFF1F2, #FEC2E7, #F698C4, #BF7E94, #654540)
- Ancient Alley color palette (#FFF2EE, #FFCBD3, #CD8A94, #8C545F, #4F2630)
- Washed Lilac color palette (#FFE8FB, #C1C5FF, #A692CE, #83648F, #6A4344)
- Dusty Meadow color palette (#FFF2F0, #F6B1B4, #D48A79, #956847, #57524B)
- Dusty Archive color palette (#FFF2F0, #EBB2C4, #7FC1AB, #BE718C, #435333)
- Mulberry Harbor color palette (#F7F3FF, #DCAAC8, #B56F91, #974966, #604966)
- Soft Veranda color palette (#F2DFE5, #F78B93, #CB6045, #964612, #5A3700)
- Timeworn Taupe color palette (#FFF2F0, #E1DACF, #9DBED0, #BF929B, #5C4841)
Browse the whole catalog at Explore, or see today's palette.