Hushed Cocoa color palette — #FFF2EC · #DFD9CD · #9CBBB4 · #D997A5 · #6D350A
Built around Bronze, softened by Rosewood Mist — the whole palette hums with optimism and sophistication.
The five colors
- Ivory (#FFF2EC): a clean, paper-quiet neutral.
- Bone (#DFD9CD): a clean, paper-quiet neutral.
- Ash (#9CBBB4): A luminous, dusty teal — the color of glacier melt.
- Rosewood Mist (#D997A5): A luminous, balanced red — the color of embers at dusk.
- Bronze (#6D350A): A deep, shadowed, balanced gold — the color of honey in a jar.
Feels like: Optimism, Sophistication, Softness, Clarity. Tagged pastel, light, 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
- Antique Cocoa color palette (#FFF2EA, #DAF9C7, #DEDCCC, #CB978F, #613800)
- Patina Ridge color palette (#FFF0FA, #E6D5D6, #E0BC95, #A16B66, #604855)
- Moss Orchard color palette (#F7E4CE, #C3B35F, #699D00, #773200, #020100)
- Softworn Driftwood color palette (#FFEBFC, #D7DECA, #97D2D2, #A4768B, #392733)
- Faded Thicket color palette (#FFF4E1, #CEF8CB, #95E3E9, #D9852C, #443D12)
- Taupe Studio color palette (#FDF4E3, #E9DCB6, #B39C56, #83643C, #33322B)
- Ember Courtyard color palette (#FFF3E9, #DDDFCA, #E1D62F, #DF5644, #462800)
- Worn Corridor color palette (#FDF3E8, #DEA65E, #39ADCF, #676BAC, #2E2214)
Browse the whole catalog at Explore, or see today's palette.