Hushed Cocoa color palette — #FCF2F7 · #9692BC · #6F6998 · #7E4113 · #004D4C
Built around Bronze, softened by Slate — the whole palette hums with optimism and creativity.
The five colors
- Ivory (#FCF2F7): a clean, paper-quiet neutral.
- Blue Fog (#9692BC): A luminous, dusty violet — the color of wild irises.
- Slate (#6F6998): A full-bodied, dusty violet — the color of wild irises.
- Bronze (#7E4113): A full-bodied, balanced gold — the color of old brass.
- Forest (#004D4C): A deep, shadowed, dusty teal — the color of shallow lagoons.
Feels like: Optimism, Creativity, Sophistication. Tagged muted.
Use it as a design system
One click turns Hushed Cocoa 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
- Patina Boulevard color palette (#EEF8F2, #61A3B6, #8A6082, #625300, #234C36)
- Pewter Drift color palette (#EDF2FA, #809DCD, #866098, #6E3A44, #0B2B3B)
- Terracotta Study color palette (#FDF1FC, #5F8AC6, #9B4637, #00563D, #003E51)
- Ancient Cocoa Workshop color palette (#F6F6EA, #86A179, #4E71A5, #813A3D, #384920)
- Muted Field color palette (#FAF3F9, #93B0F0, #A479B6, #945261, #284B38)
- Bronze Coast color palette (#EBFBE5, #B6D2C3, #A38B99, #8A6321, #42533B)
- Hushed Villa color palette (#DAFFF2, #A3BAE4, #7380C1, #6D579B, #714954)
- Patina Cypress color palette (#FAF4F0, #CDE4E3, #739EC2, #1D7F76, #63495F)
Browse the whole catalog at Explore, or see today's palette.