Hushed Cocoa color palette — #FCF3EC · #DEE0CC · #AC7952 · #673900 · #221912

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

The five colors

• Ivory (#FCF3EC): a clean, paper-quiet neutral.
• Bone (#DEE0CC): A whisper-light, dusty green — the color of new leaves after rain.
• Caramel (#AC7952): A luminous, balanced gold — the color of honey in a jar.
• Bronze (#673900): A deep, shadowed, balanced gold — the color of honey in a jar.
• Ink (#221912): quiet, heavy and certain.

Feels like: Optimism, Sophistication. Tagged luxury, dark, 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 Marigold Basin color palette (#F2EEDE, #C89A2B, #3C4000, #1D2726, #070800)
• Aged Villa color palette (#FFF2E9, #E7E0AB, #B9967D, #965E30, #312A25)
• Wandering Olive color palette (#F7F6E7, #FFE2A5, #68812D, #393932, #121004)
• Dusty Chestnut color palette (#FBEDF4, #A4CFB3, #7C5840, #412834, #1A1115)
• Wandering Mint color palette (#F9F4EF, #E0DFCE, #74C292, #BE9054, #1D2014)
• Charred Bronze Ridge color palette (#F5E2CD, #9A7300, #2A1600, #0E0C06, #020100)
• Dusty Mustard color palette (#FFF4E0, #E3B343, #634E00, #201700, #020100)
• Dusty Turquoise color palette (#FFF3E7, #EAB889, #62BDD2, #797CB2, #36312B)

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