Hushed Cocoa color palette — #F9F1E4 · #8AB7A0 · #6278A4 · #7D3D2F · #173229

Rust and Slate set the tone — five colors that lean into creativity and sophistication.

The five colors

• Cream (#F9F1E4): bright and airy, almost weightless.
• Sage (#8AB7A0): A luminous, dusty teal — the color of glacier melt.
• Slate (#6278A4): A full-bodied, dusty violet — the color of a velvet chair.
• Rust (#7D3D2F): A full-bodied, balanced orange — the color of autumn markets.
• Deep Forest (#173229): A deep, shadowed, dusty teal — the color of glacier melt.

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

• Cobalt Summit color palette (#F9F1E3, #8AB1CE, #6F72AA, #774221, #352636)
• Cobalt Parlor color palette (#ECFAED, #5CBAB5, #5B74B5, #72531D, #364B56)
• Iris Atelier color palette (#EDF9EF, #7FCAE5, #7692C7, #945F53, #3A4A57)
• Ancient Lagoon color palette (#F3F2EA, #C1C6AF, #738D4D, #516852, #30322B)
• Dusty Pewter color palette (#FBF0DF, #9A95C9, #875884, #524600, #341824)
• Dusty Cerulean Lagoon color palette (#E3F1EC, #5588B2, #453642, #0B231D, #080E0B)
• Timeworn Villa color palette (#F5F1EB, #CAE0DD, #6EA5BF, #267975, #1B3D35)
• Softworn Chestnut Courtyard color palette (#DDFAEC, #CDBECC, #A78B97, #8B5426, #5B4000)

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