Hushed Cocoa Basin color palette — #FAF4EC · #C6DFCC · #B6B088 · #6A907C · #574300

A conversation between Deep Olive and Sage, giving this palette its sense of nature and growth.

The five colors

• Ivory (#FAF4EC): bright and airy, almost weightless.
• Celadon Mist (#C6DFCC): A whisper-light, dusty teal — the color of glacier melt.
• Sage (#B6B088): A luminous, dusty green — the color of fresh herbs.
• Eucalyptus (#6A907C): A luminous, dusty teal — the color of shallow lagoons.
• Deep Olive (#574300): 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 Basin 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

• Wandering Harbor color palette (#F7F5EE, #C0E1D4, #92BA9C, #947D95, #4A4900)
• Timeworn Stone Veranda color palette (#EFF8F1, #A0CDB5, #618B7E, #566974, #425149)
• Aged Lagoon color palette (#F7F6E7, #B5DCB8, #559A7D, #51628C, #262B03)
• Weathered Aubergine color palette (#ECDFCD, #9C8F3E, #495400, #351759, #020100)
• Powder Bloom color palette (#FFF1F5, #E4D8D3, #B7B4ED, #A9B4AD, #5D484B)
• Teal Harbor color palette (#FFF1F5, #DDBDF3, #DFB17C, #56B4AF, #4B2F38)
• Timeworn Cerulean color palette (#F8F5EF, #C6DCEA, #BFBEF2, #40A0B5, #5B4656)
• Abyss Hollow color palette (#F9EED7, #797F4A, #274600, #001E2D, #010100)

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