Hushed Cocoa color palette — #FAF4EE · #CADECC · #B2B186 · #9B7C84 · #594200

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

The five colors

• Ivory (#FAF4EE): bright and airy, almost weightless.
• Celadon Mist (#CADECC): A whisper-light, dusty green — the color of new leaves after rain.
• Sage (#B2B186): A luminous, dusty green — the color of a quiet forest floor.
• Driftwood (#9B7C84): A luminous, dusty red — the color of late-summer berries.
• Deep Olive (#594200): A deep, shadowed, balanced gold — the color of old brass.

Feels like: Nature, Growth, Optimism, Sophistication, Grounding. 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

• Patina Garden color palette (#FEF3E8, #D8E4BB, #8BA882, #8C6A80, #3B3831)
• Worn Stone Grove color palette (#F0F7F2, #C4E7D9, #92C1B7, #829EB4, #3D534A)
• Patina Lilac Orchard color palette (#FFF1F4, #FBD1E7, #B0D9A8, #B187C5, #484A00)
• Wandering Driftwood Canyon color palette (#FBF2F6, #AACAB6, #6F8B59, #656379, #3F5247)
• Patina Mallow Grove color palette (#FFF0FD, #EAD3F0, #CEA9E2, #93678D, #6A4845)
• Dusty Mallow color palette (#FFF1F4, #E5BAEE, #9CC8A0, #86AE8A, #483136)
• Lagoon Orchard color palette (#FBF5E4, #B4DDB2, #51998A, #7F5853, #272A09)
• Forest Basin color palette (#F0DEC7, #8B9547, #005E27, #2D1C5C, #010100)

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