Hushed Cocoa color palette — #FFF2EE · #EBE6A6 · #E1D7CE · #CE9F9C · #773B1B

Bronze and Celadon Mist set the tone — five colors that lean into nature and growth.

The five colors

• Ivory (#FFF2EE): a clean, paper-quiet neutral.
• Celadon Mist (#EBE6A6): A whisper-light, balanced green — the color of a quiet forest floor.
• Bone (#E1D7CE): bright and airy, almost weightless.
• Rosewood Mist (#CE9F9C): A luminous, dusty orange — the color of toasted spice.
• Bronze (#773B1B): A full-bodied, balanced orange — the color of autumn markets.

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

• Stone Cabin color palette (#FFF2F0, #E2D7CF, #AEBECB, #D4A8C9, #5F453F)
• Gentle Sunflower Delta color palette (#FFF2EF, #EADDB6, #EDCF4B, #DC7A83, #592B12)
• Washed Seafoam color palette (#FFF3E6, #DCEABA, #96E0AE, #E59C78, #46423C)
• Tempered Lichen Meadow color palette (#FFF2EF, #CEEFC2, #E1D9CF, #9F87AE, #5E4B44)
• Timeworn Taupe Field color palette (#FEF3E6, #E2CF99, #C9A674, #9D826B, #3F3D36)
• Tempered Sand Villa color palette (#FFF2E9, #F2D18C, #BF8665, #68615C, #28201A)
• Mint Terrace color palette (#DFE6F8, #1BF59B, #FFB292, #5D5652, #302A25)
• Driftwood Meadow color palette (#FCECFA, #EDCED2, #F4BA93, #AD636E, #432C3E)

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