Hushed Cocoa color palette — #F7EAEF · #C6D4C9 · #8EAEA3 · #733E00 · #090003

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

The five colors

• Blush (#F7EAEF): a clean, paper-quiet neutral.
• Oat (#C6D4C9): A whisper-light, dusty teal — the color of glacier melt.
• Sage (#8EAEA3): A luminous, dusty teal — the color of shallow lagoons.
• Bronze (#733E00): A full-bodied, balanced gold — the color of honey in a jar.
• Ink (#090003): A deep, shadowed, dusty rose — the color of strawberry cream.

Feels like: Optimism, Sophistication. Tagged scandi, muted, light.

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

• Timeworn Garnet color palette (#F7EAF4, #E1C8D3, #91AF98, #911210, #060105)
• Dusty Basalt color palette (#EFE3E7, #94A596, #8B7A4C, #4E2E00, #0C0104)
• Tempered Forest Quarry color palette (#E9DCD2, #A39555, #226D3F, #371D4A, #0C0017)
• Worn Fern color palette (#EDF8F6, #CADDE8, #9FC1CB, #347011, #01100D)
• Hushed Emerald Drift color palette (#CEE8DC, #6B9D60, #005C42, #4A1622, #000200)
• Shadow Terracotta Pier color palette (#EDDCE4, #A24A00, #004737, #1B0040, #030004)
• Twilit Chestnut Ridge color palette (#DEEFE3, #5F4B00, #0C171A, #030700, #040001)
• Tempered Bronze Drift color palette (#EDF9EC, #CCE0DF, #ADB7D8, #AC6F00, #182A17)

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