Hushed Cocoa color palette — #FBEDF9 · #BBB67F · #803E3D · #361D34 · #140713

Coffee takes the lead with Sage close behind in a set that reads as nature and growth at first glance.

The five colors

• Blush (#FBEDF9): A whisper-light, dusty pink — the color of peonies in June.
• Sage (#BBB67F): A luminous, dusty green — the color of a quiet forest floor.
• Coffee (#803E3D): A full-bodied, balanced orange — the color of sun-warmed clay.
• Deep Indigo (#361D34): A deep, shadowed, dusty pink — the color of neon signs at night.
• Ink (#140713): A deep, shadowed, dusty pink — the color of a candy shop window.

Feels like: Nature, Growth, 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

• Patina Cocoa Lantern color palette (#FBF2F8, #CFA57C, #7B3C2D, #4F1B0E, #2C1B28)
• Stone Studio color palette (#FAEEF3, #A7CEB4, #795565, #402933, #1B1015)
• Wandering Stone Thicket color palette (#E9F6E9, #C6B17F, #6A5029, #172E18, #041005)
• Amber Drift color palette (#FFE8F4, #AE9300, #672900, #290C00, #090005)
• Weathered Harbor color palette (#F7EFF5, #ED9B8B, #638127, #9F4435, #00120E)
• Wandering Cocoa color palette (#FEF2EC, #E7DFB6, #A26352, #5C2700, #190C05)
• Muted Cabin color palette (#E7F6ED, #948435, #2E6A3A, #1C4278, #1D0C1C)
• Patina Amber color palette (#E3F9E4, #CB8C5B, #697132, #3E3F75, #102914)

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