Hushed Cocoa color palette — #F8F2FF · #F1C1DA · #CD8C8C · #91623B · #5A4500

A conversation between Deep Olive and Walnut, giving this palette its sense of optimism and warmth.

The five colors

• Ivory (#F8F2FF): a clean, paper-quiet neutral.
• Thistle (#F1C1DA): A whisper-light, dusty rose — the color of a warm blush.
• Dusty Rose (#CD8C8C): A luminous, dusty red — the color of embers at dusk.
• Walnut (#91623B): A full-bodied, balanced gold — the color of honey in a jar.
• Deep Olive (#5A4500): A full-bodied, balanced gold — the color of afternoon light on wheat.

Feels like: Optimism, Warmth, Comfort, Sophistication. Tagged muted, warm.

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

• Bronze Delta color palette (#FADBEF, #DE7D83, #B35900, #5C4A00, #202600)
• Patina Summit color palette (#FAF1FF, #F8BBAE, #C59771, #83752D, #255622)
• Softworn Archive color palette (#EEF6FF, #CCC3F3, #BB8DB2, #9B5966, #6F3018)
• Antique Station color palette (#FFF1F1, #E0B3AB, #B4716F, #914727, #6E3D00)
• Weathered Ember color palette (#FFDBF8, #FF88AB, #D45C24, #7A5000, #373B00)
• Tempered Coral color palette (#F8EEF7, #CF8385, #655259, #3D353D, #232027)
• Ancient Ash color palette (#F7F3FA, #E0D8DA, #B8AFA9, #A592B8, #545158)
• Weathered Mallow color palette (#E1FCF4, #D8ACDD, #B48676, #4A758B, #4E4355)

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