Hushed Cocoa color palette — #F9DDEB · #A67E3D · #883C00 · #511D24 · #00130A

Built around Burnt Sienna, softened by Caramel — the whole palette hums with optimism and balance.

The five colors

• Rose Water (#F9DDEB): A whisper-light, dusty rose — the color of strawberry cream.
• Caramel (#A67E3D): A luminous, balanced gold — the color of honey in a jar.
• Burnt Sienna (#883C00): A full-bodied, balanced orange — the color of toasted spice.
• Espresso (#511D24): A deep, shadowed, dusty red — the color of a theater curtain.
• Ink (#00130A): A deep, shadowed, dusty teal — the color of glacier melt.

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

• Muted Taupe color palette (#F2D8E3, #B2954A, #8B5728, #5B302C, #011E15)
• Hushed Moss Hollow color palette (#D7F3DB, #8A8C2E, #6E4F00, #522000, #00120F)
• Airy Marigold color palette (#FFF3E9, #E9A14D, #AF5E20, #6B3426, #1B1000)
• Amber Summit color palette (#FAE0E0, #CA7200, #6B5700, #233200, #00110A)
• Muted Bronze Lagoon color palette (#E8F6EA, #ADB080, #8A7141, #624053, #092824)
• Hushed Corridor color palette (#E6D9E7, #829926, #6E0028, #2A000A, #040005)
• Chestnut Station color palette (#FBE1ED, #694D00, #431F00, #240003, #010100)
• Chestnut Studio color palette (#FAD8E6, #8B4700, #004555, #002D38, #010113)

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