Hushed Cocoa color palette — #FFF1F6 · #94AF9C · #8F6A48 · #7D3B33 · #27443B

Built around Rust, softened by Walnut — the whole palette hums with optimism and sophistication.

The five colors

• Ivory (#FFF1F6): bright and airy, almost weightless.
• Sage (#94AF9C): A luminous, dusty teal — the color of shallow lagoons.
• Walnut (#8F6A48): A full-bodied, dusty gold — the color of honey in a jar.
• Rust (#7D3B33): A full-bodied, balanced orange — the color of autumn markets.
• Forest (#27443B): A deep, shadowed, dusty teal — the color of glacier melt.

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

• Amber Station color palette (#FFF1F6, #A7C8AA, #B8824F, #8C5B45, #2D4335)
• Wandering Chestnut color palette (#ECF9F0, #9DC1B6, #648B72, #795536, #344D4C)
• Garnet Atelier color palette (#F5E2E8, #A29765, #835A25, #752612, #14382F)
• Bronze Market color palette (#FFEFE0, #BFA787, #99693C, #6B3F2B, #2A210E)
• Sand Dune color palette (#FFF3E8, #E6CE96, #CFA27F, #A27F71, #3F3D36)
• Ancient Harbor color palette (#EFF6FC, #86B5D5, #A35358, #006696, #2D1E2E)
• Timeworn Iris color palette (#F3F4FF, #8775B3, #955B7E, #635100, #2D3149)
• Softworn Chestnut color palette (#D7EAD6, #73691D, #4F3100, #370B00, #060E00)

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