Hushed Cocoa color palette — #F8F5EC · #9A9D5F · #3F7F64 · #813A3C · #573D16

Rust takes the lead with Moss close behind in a set that reads as nature and growth at first glance.

The five colors

• Ivory (#F8F5EC): bright and airy, almost weightless.
• Moss (#9A9D5F): A luminous, balanced green — the color of new leaves after rain.
• Teal (#3F7F64): A full-bodied, dusty teal — the color of shallow lagoons.
• Rust (#813A3C): A full-bodied, balanced orange — the color of toasted spice.
• Cocoa (#573D16): A deep, shadowed, dusty gold — the color of afternoon light on wheat.

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

• Ancient Denim Chapel color palette (#F5F6ED, #81A27E, #23807C, #17597F, #57364A)
• Tempered Taupe Ridge color palette (#F6F1E9, #B39A51, #008091, #663A60, #3C1E14)
• Driftwood Basin color palette (#F9F5EC, #C7C1A9, #8E8239, #7D6217, #5C4C00)
• Softworn Pewter color palette (#F0F9E6, #BBCAB5, #89A08B, #7E637B, #5E4A56)
• Washed Lagoon color palette (#F2FAD9, #88BFA0, #3E9472, #00775F, #3E5236)
• Aubergine Alley color palette (#EFF8F1, #55A6AE, #4B72A5, #654083, #5F3341)
• Muted Cerulean Loft color palette (#EEF8F1, #C8AF66, #2B9BB5, #8B5476, #4F3A51)
• Washed Basalt Studio color palette (#F2F3E8, #638957, #384200, #292A1A, #131711)

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