Hushed Cocoa color palette — #E7F2E9 · #AABEB5 · #6F9791 · #594000 · #142317

Deep Olive and Eucalyptus set the tone — five colors that lean into optimism and sophistication.

The five colors

• Cream (#E7F2E9): a clean, paper-quiet neutral.
• Ash (#AABEB5): A luminous, dusty teal — the color of shallow lagoons.
• Eucalyptus (#6F9791): A luminous, dusty teal — the color of glacier melt.
• Deep Olive (#594000): A deep, shadowed, dusty gold — the color of honey in a jar.
• Onyx (#142317): A deep, shadowed, dusty green — the color of a quiet forest floor.

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

• Wandering Basalt color palette (#DDE7E1, #99AFAA, #648687, #3D3900, #041810)
• Chestnut Delta color palette (#E4EBE6, #BAC8C0, #88AF9E, #765D00, #142319)
• Aged Villa color palette (#EEE7EC, #C7B3BA, #7F9486, #7C1E00, #2B1826)
• Timeworn Lagoon color palette (#E6F1F1, #BBD1D6, #8EA4B0, #166443, #183333)
• Washed Veranda color palette (#DAEFEA, #388C6A, #00504C, #54160A, #002115)
• Pewter Orchard color palette (#F0F7F2, #D1DDDE, #B0C3CB, #817444, #414B44)
• Antique Basalt color palette (#F9E9CC, #858F56, #0D6248, #522347, #37121D)
• Feathered Amber color palette (#CBE8D9, #E57B00, #948400, #006D56, #0B1600)

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