Hushed Cocoa color palette — #FFF3E9 · #D9C8AE · #B2957E · #8E6B5F · #564600

Deep Olive takes the lead with Walnut close behind in a set that reads as nature and growth at first glance.

The five colors

• Ivory (#FFF3E9): bright and airy, almost weightless.
• Oat (#D9C8AE): A whisper-light, dusty gold — the color of afternoon light on wheat.
• Taupe (#B2957E): A luminous, dusty gold — the color of honey in a jar.
• Walnut (#8E6B5F): A full-bodied, dusty orange — the color of toasted spice.
• Deep Olive (#564600): A deep, shadowed, balanced green — the color of new leaves after rain.

Feels like: Nature, Growth, Optimism, Sophistication, Grounding. Tagged earthy, warm, 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

• Hushed Driftwood color palette (#FFF2EA, #D5B995, #AF846F, #845E54, #3F3D36)
• Dusty Cocoa Meadow color palette (#F7E8CF, #9CA46D, #8B6D20, #773A07, #242701)
• Dusty Basalt Alley color palette (#F1F8E9, #75BC9B, #C28A90, #9C6B70, #314500)
• Garnet Pier color palette (#F6DDC7, #967A2C, #7B4200, #600309, #0A0D00)
• Patina Lagoon Summit color palette (#F0F8EE, #F2C6B3, #478B86, #42523F, #262E25)
• Aged Driftwood color palette (#FDF1FA, #889BCD, #8978AB, #895257, #2E3827)
• Aged Lilac color palette (#F4F6EF, #B2DEBF, #AF8BC4, #5D9D73, #39292D)
• Quiet Aubergine color palette (#DCFFE9, #98DEE1, #6BADCB, #5C70A7, #53336E)

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