Hushed Cocoa color palette — #F5D6E7 · #B67444 · #7F3300 · #410C00 · #030100

Built around Rust, softened by Caramel — the whole palette hums with optimism and warmth.

The five colors

• Shell Pink (#F5D6E7): A whisper-light, dusty pink — the color of neon signs at night.
• Caramel (#B67444): A luminous, balanced gold — the color of honey in a jar.
• Rust (#7F3300): A full-bodied, balanced orange — the color of autumn markets.
• Espresso (#410C00): A deep, shadowed, balanced orange — the color of autumn markets.
• Black (#030100): a grounded near-black with real depth.

Feels like: Optimism, Warmth, Comfort, Balance, Grounding. Tagged earthy, warm, 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

• Antique Chestnut color palette (#FFD9EB, #CB894C, #934800, #561D00, #080300)
• Aged Bronze color palette (#D3E7D5, #A4801F, #674600, #321C00, #020100)
• Gentle Garnet Basin color palette (#FEDEF0, #B98349, #B34806, #8E112A, #110A00)
• Marigold Alley color palette (#FFF2E9, #F8A649, #BB6400, #7D3500, #241500)
• Worn Amber Chapel color palette (#FFF0F9, #EBBCA2, #BB765A, #7B493E, #311824)
• Ancient Bronze color palette (#DCFFEB, #B5B77A, #817830, #564400, #111500)
• Hushed Workshop color palette (#E0FEE8, #E0D184, #B08D0F, #7D5800, #2B2900)
• Moonless Forest color palette (#D2F4F1, #006927, #640204, #291600, #010100)

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