Cocoa Hollow color palette — #F3F4FF · #A18CC0 · #9B5872 · #843C0A · #224C38
A conversation between Bronze and Pewter, giving this palette its sense of optimism and creativity.
The five colors
- Ivory (#F3F4FF): bright and airy, almost weightless.
- Blue Fog (#A18CC0): A luminous, dusty violet — the color of wild irises.
- Pewter (#9B5872): A full-bodied, balanced rose — the color of strawberry cream.
- Bronze (#843C0A): A full-bodied, balanced orange — the color of toasted spice.
- Forest (#224C38): A deep, shadowed, dusty teal — the color of sea glass.
Feels like: Optimism, Creativity, Balance. Tagged muted.
Use it as a design system
One click turns Cocoa Hollow 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
- Antique Garnet color palette (#F2F5FD, #9193C3, #8A6087, #86353F, #593645)
- Ash Orchard color palette (#F1F5FF, #C8CADA, #918CAB, #7C6479, #614546)
- Weathered Chestnut Canyon color palette (#FBF1FF, #BB6D86, #974B1D, #554700, #144317)
- Softworn Balcony color palette (#EAF3F9, #4AA9CA, #A05772, #4F4F1C, #062F21)
- Powder Lagoon color palette (#FBF2FA, #AAC7FF, #BA9BD0, #A97587, #304937)
- Aged Driftwood Orchard color palette (#EDF9F1, #6BBFD4, #B1769E, #706B35, #43433C)
- Muted Terracotta color palette (#F4EEFF, #A65593, #902C2A, #513300, #263000)
- Dusty Fern color palette (#EAF8FE, #54A6B2, #5570A2, #505A0B, #104E3D)
Browse the whole catalog at Explore, or see today's palette.