Hushed Cocoa color palette — #FFF1F2 · #DBC7BC · #9E9376 · #83676D · #793D1D

Built around Bronze, softened by Caramel — the whole palette hums with optimism and sophistication.

The five colors

• Ivory (#FFF1F2): bright and airy, almost weightless.
• Oat (#DBC7BC): A whisper-light, dusty gold — the color of honey in a jar.
• Caramel (#9E9376): A luminous, dusty gold — the color of old brass.
• Pewter (#83676D): A full-bodied, dusty red — the color of late-summer berries.
• Bronze (#793D1D): A full-bodied, balanced orange — the color of autumn markets.

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

• Dusty Pewter color palette (#FFF1F4, #D6C1C5, #A89088, #55766A, #61444F)
• Worn Olive color palette (#F8F5EE, #C3C3A3, #708C4D, #815961, #525000)
• Olive Veranda color palette (#FFE1D4, #BEA789, #767C35, #7F4150, #723518)
• Garnet Loft color palette (#FFE9E0, #8A8258, #1B6241, #622123, #411616)
• Pewter Thicket color palette (#F7F7E0, #89A176, #8283BA, #855F98, #43433C)
• Garnet Balcony color palette (#FFE9E8, #AE9178, #596C33, #6D3057, #542324)
• Cocoa Thicket color palette (#FBEAC9, #8DB076, #008492, #7E3D17, #513600)
• Olive Quarry color palette (#F7F6EA, #ABB688, #8F91D3, #6B7C16, #614255)

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