Hushed Cocoa color palette — #FBF4ED · #E8DDC4 · #A6BE96 · #B78D94 · #614900

Bronze and Sage set the tone — five colors that lean into nature and growth.

The five colors

• Ivory (#FBF4ED): bright and airy, almost weightless.
• Bone (#E8DDC4): A whisper-light, dusty gold — the color of afternoon light on wheat.
• Sage (#A6BE96): A luminous, dusty green — the color of a quiet forest floor.
• Dusty Rose (#B78D94): A luminous, dusty red — the color of a theater curtain.
• Bronze (#614900): A full-bodied, balanced gold — the color of old brass.

Feels like: Nature, Growth, Optimism, Sophistication, Softness, Clarity. Tagged botanical, earthy, muted, light.

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

• Fern Market color palette (#F7F5ED, #DBE2C2, #A6BE9C, #79A597, #4A5303)
• Fuchsia Canyon color palette (#FFF1F2, #EFC6E7, #A8D69C, #D888CC, #4D4E46)
• Powdered Peony color palette (#FFF3E3, #C9D69D, #62BB7E, #BE6698, #373F16)
• Aged Taupe Corridor color palette (#EFF8F3, #BBD9D0, #85A682, #65819A, #38544C)
• Muted Veranda color palette (#FFF1F4, #E3DAD2, #D8BFEF, #A4BAD4, #634D4C)
• Softworn Teal Corridor color palette (#FFF1F1, #ECB3D7, #A0CB9E, #62B6A0, #533B3C)
• Washed Lagoon Harbor color palette (#ECF5EB, #A7CEBC, #5A8E88, #625E72, #25352E)
• Jade Boulevard color palette (#EBE4D5, #AAC39A, #00AA81, #A35C70, #193006)

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