Hushed Cocoa color palette — #FFF2EE · #F1FDC0 · #E0DCCE · #DCB5D3 · #743C11

A conversation between Bronze and Custard, giving this palette its sense of nature and growth.

The five colors

• Ivory (#FFF2EE): a clean, paper-quiet neutral.
• Custard (#F1FDC0): A whisper-light, dusty green — the color of fresh herbs.
• Bone (#E0DCCE): a clean, paper-quiet neutral.
• Carnation (#DCB5D3): A luminous, dusty pink — the color of a candy shop window.
• Bronze (#743C11): 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

• Patina Quarry color palette (#FFF1F2, #E2DAD0, #D6AEC1, #A8A9B3, #614D49)
• Muted Cocoa color palette (#FFE9DB, #D8D3DE, #A19591, #6C3C00, #231E1A)
• Blush Field color palette (#FFF2EA, #BDFCF0, #DEE1CB, #E37C9E, #5F3800)
• Hushed Boulevard color palette (#FBF4E9, #D4E6C5, #BDAD80, #A26D3A, #3D4400)
• Washed Cocoa color palette (#FFF4DC, #ABE3B0, #00BABA, #823000, #080C00)
• Azure Bloom color palette (#FCF3ED, #F6B18B, #23A3C6, #975F6C, #30241B)
• Stone Alley color palette (#FBF5E5, #CCC782, #6CC1AC, #807AB2, #34312B)
• Wandering Moss Parlor color palette (#FFD7C5, #E0A157, #639A00, #7E1356, #020100)

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