Hushed Cocoa color palette — #FBF2F9 · #748ABB · #536190 · #733B10 · #233629

Bronze and Slate set the tone — five colors that lean into optimism and creativity.

The five colors

• Ivory (#FBF2F9): bright and airy, almost weightless.
• Slate Blue (#748ABB): A luminous, dusty violet — the color of wild irises.
• Slate (#536190): A full-bodied, dusty violet — the color of wild irises.
• Bronze (#733B10): A full-bodied, balanced gold — the color of afternoon light on wheat.
• Deep Forest (#233629): A deep, shadowed, dusty teal — the color of shallow lagoons.

Feels like: Optimism, Creativity, Sophistication. Tagged jewel, vibrant, 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

• Dusty Ridge color palette (#FAF2F9, #8197C6, #5B709B, #833D0A, #07495F)
• Weathered Pewter color palette (#FEF1F7, #867FB6, #815D90, #5B4C00, #3A2C3B)
• Ancient Cocoa color palette (#EFF8EE, #4A8B87, #1F709C, #823728, #2A3826)
• Chestnut Delta color palette (#FBF5E7, #75B5B4, #6775A2, #665921, #374E42)
• Worn Plum color palette (#EAF4F8, #1C97A8, #9F4B6D, #623F19, #081C1B)
• Washed Cerulean Meadow color palette (#F0F7F3, #DED4D3, #A8A196, #3B8EA6, #4C5550)
• Mulberry Ridge color palette (#FEF0FB, #455AA0, #810E5D, #2B3D00, #2D1129)
• Aqua Market color palette (#EAF8FF, #30D8F4, #D6988C, #9E7A96, #27342B)

Browse the whole catalog at Explore, or see today's palette.