Hushed Cocoa color palette — #F6F6E8 · #87A270 · #397993 · #69436C · #613700

Bronze and Charcoal Brown set the tone — five colors that lean into nature and growth.

The five colors

• Ivory (#F6F6E8): bright and airy, almost weightless.
• Moss (#87A270): A luminous, dusty green — the color of a quiet forest floor.
• Slate (#397993): A full-bodied, dusty blue — the color of open sky before noon.
• Charcoal Brown (#69436C): A full-bodied, balanced pink — the color of a candy shop window.
• Bronze (#613700): A deep, shadowed, balanced gold — the color of old brass.

Feels like: Nature, Growth, Trust, Stability, Optimism, Creativity. 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

• Antique Taupe Basin color palette (#FAF5E7, #A69952, #327E7A, #4C4E7C, #5E3439)
• Patina Mulberry color palette (#F0F8ED, #62A799, #586FA1, #753F59, #46423B)
• Hushed Vanilla color palette (#F8F7D9, #BDC5B2, #8B9A8C, #7F6970, #654D4D)
• Wandering Chestnut Thicket color palette (#FCF2F5, #D4A77C, #5993BB, #965350, #603432)
• Ancient Delta color palette (#EFF6CE, #87C7A6, #499D88, #20746F, #3A583F)
• Chalky Mulberry color palette (#F1FADA, #00964F, #005E95, #6F0060, #472800)
• Timeworn Villa color palette (#F1F4E3, #508E53, #37402E, #282A1F, #131611)
• Antique Sky Summit color palette (#EAF9F5, #B4D39A, #50B7E2, #A374A2, #563844)

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