Hushed Cocoa color palette — #FFF2EE · #E0D9CE · #B0C5D3 · #BE8F86 · #7C3E23
Built around Bronze, softened by Dusty Rose — the whole palette hums with optimism and sophistication.
The five colors
- Ivory (#FFF2EE): a clean, paper-quiet neutral.
- Bone (#E0D9CE): a clean, paper-quiet neutral.
- Ash (#B0C5D3): A luminous, dusty blue — the color of open sky before noon.
- Dusty Rose (#BE8F86): A luminous, dusty orange — the color of toasted spice.
- Bronze (#7C3E23): A full-bodied, balanced orange — the color of autumn markets.
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
- Patina Taupe color palette (#FFF2EF, #E1D8CF, #A7B39A, #BD8E8B, #584743)
- Muted Bronze Chapel color palette (#FBF4EB, #DDC7A6, #B5956A, #9A6931, #5D4300)
- Hushed Cocoa Hollow color palette (#FBF4EE, #EACBA6, #A27052, #723E07, #312A24)
- Ancient Ember Lagoon color palette (#FFF2EB, #E2D9C6, #FFC572, #D8685A, #463F3B)
- Frosted Garnet color palette (#FFDCD6, #E38E6F, #BC6600, #8E1B32, #1D0200)
- Timeworn Boulevard color palette (#FFF1F1, #D394BC, #55A7C8, #5D7BAC, #4B3738)
- Gentle Moss Atelier color palette (#FADBB7, #DCC181, #ABA02C, #995600, #312000)
- Worn Moss color palette (#F9F4EE, #F2CA91, #91A658, #AC844A, #302E23)
Browse the whole catalog at Explore, or see today's palette.