Hushed Cocoa color palette — #FFF3E7 · #DCDDCA · #D5C992 · #9C7154 · #6C4500

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

The five colors

• Ivory (#FFF3E7): A whisper-light, dusty gold — the color of old brass.
• Bone (#DCDDCA): A whisper-light, dusty green — the color of new leaves after rain.
• Pistachio (#D5C992): A whisper-light, dusty green — the color of new leaves after rain.
• Mocha (#9C7154): A full-bodied, dusty gold — the color of honey in a jar.
• Bronze (#6C4500): A full-bodied, balanced gold — the color of afternoon light on wheat.

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

• Fern Delta color palette (#FBF6DE, #C4F3D8, #A7D0A7, #8D834A, #554C00)
• Rust Studio color palette (#FFEEE1, #DBDDC2, #C2C397, #A85B5F, #36322C)
• Worn Cocoa Parlor color palette (#FFF2E9, #BDA188, #94664C, #704536, #583400)
• Worn Amber Market color palette (#EEE4D7, #BB973E, #817C1B, #5C3200, #241700)
• Washed Moss color palette (#FFF4DA, #E6D973, #9FAE2A, #875800, #433600)
• Coral Boulevard color palette (#FFF1F7, #C3E8F2, #C3E1B0, #CB8385, #3D543D)
• Fern Station color palette (#F7F6D7, #A7CBA3, #66A482, #5C6100, #253C16)
• Stone Parlor color palette (#FCF4E5, #C2AC78, #5F5022, #312E27, #1B1C0C)

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