Hushed Cocoa color palette — #F9F4EE · #C7DFCC · #A2B68A · #7B8C70 · #584300
Built around Deep Olive, softened by Sage — the whole palette hums with nature and growth.
The five colors
- Ivory (#F9F4EE): bright and airy, almost weightless.
- Celadon Mist (#C7DFCC): A whisper-light, dusty teal — the color of sea glass.
- Sage (#A2B68A): A luminous, dusty green — the color of fresh herbs.
- Eucalyptus (#7B8C70): A luminous, dusty green — the color of new leaves after rain.
- Deep Olive (#584300): 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
- Sand Alley color palette (#EBF9F1, #DDE3B0, #ADBC92, #88A09C, #41514B)
- Aged Quarry color palette (#FBF4ED, #DDE5B9, #94A762, #866D81, #3B3831)
- Driftwood Field color palette (#F9EFF3, #A9CDB7, #768B63, #4B676E, #24362B)
- Aged Powder color palette (#FAF4EF, #C4DFEE, #C3BEF6, #5A9FA2, #5A4653)
- Patina Delta color palette (#E2FCF2, #92D5FF, #F1A77B, #B4A06C, #283E36)
- Moss Boulevard color palette (#EFDEC9, #989215, #335A00, #24205D, #010100)
- Antique Field color palette (#FBF5E4, #A1C98C, #008C5E, #045C66, #1A1A00)
- Worn Cabin color palette (#F7F6E6, #6DB489, #006F64, #004259, #060900)
Browse the whole catalog at Explore, or see today's palette.