Hushed Cocoa color palette — #FEF2EB · #DDC6B0 · #B49480 · #906A5F · #604100
A conversation between Bronze and Walnut, giving this palette its sense of optimism and sophistication.
The five colors
- Ivory (#FEF2EB): a clean, paper-quiet neutral.
- Oat (#DDC6B0): A whisper-light, dusty gold — the color of honey in a jar.
- Taupe (#B49480): A luminous, dusty gold — the color of honey in a jar.
- Walnut (#906A5F): A full-bodied, dusty orange — the color of autumn markets.
- Bronze (#604100): A full-bodied, balanced gold — the color of afternoon light on wheat.
Feels like: 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
- Patina Cocoa color palette (#FDF3ED, #F5D2B7, #E3A58C, #AE8875, #693B00)
- Basalt Alley color palette (#FCF5E1, #B2C69C, #95925C, #7B653F, #3A4200)
- Softworn Stone color palette (#FFF0F9, #EDD3D0, #D3A18F, #8C6F8D, #354338)
- Bronze Coast color palette (#F7E9D9, #B09E59, #96671C, #793810, #2B2400)
- Antique Chestnut color palette (#FCF2F8, #C9B0BC, #99738A, #7C5147, #56414A)
- Airy Amber color palette (#FFEBD8, #D0B06D, #B77532, #924833, #3A3702)
- Moss Basin color palette (#F1E4C7, #879541, #725F00, #573400, #051C00)
- Faded Cocoa color palette (#F4DCCB, #A96F22, #863800, #5E0714, #100A00)
Browse the whole catalog at Explore, or see today's palette.