Hushed Cocoa Harbor color palette — #D2E3DC · #6CA890 · #436B85 · #564700 · #253914

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

The five colors

• Silver (#D2E3DC): A whisper-light, dusty teal — the color of glacier melt.
• Jade (#6CA890): A luminous, dusty teal — the color of shallow lagoons.
• Slate (#436B85): A full-bodied, dusty blue — the color of a favorite pair of jeans.
• Deep Olive (#564700): A full-bodied, balanced green — the color of fresh herbs.
• Forest (#253914): A deep, shadowed, dusty green — the color of fresh herbs.

Feels like: Nature, Growth, Trust, Stability, Optimism, Sophistication. Tagged vintage, retro, muted.

Use it as a design system

One click turns Hushed Cocoa Harbor 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

• Tempered Cocoa Hollow color palette (#F0EDC9, #759A87, #386B72, #6F3934, #413600)
• Tempered Chestnut color palette (#C4F2E9, #7DABAA, #56778D, #6F4E09, #275049)
• Petrol Field color palette (#D1F6F6, #4E9AAF, #3E6BA8, #613137, #2E1300)
• Washed Cobalt color palette (#D1EBEA, #60B1CB, #5988C3, #7B474C, #4E2A14)
• Spruce Bloom color palette (#CEF0E3, #437C8F, #414071, #153700, #0B2400)
• Sapphire Veranda color palette (#F5EBEF, #94B6D0, #3E63B8, #00504C, #302551)
• Driftwood Chapel color palette (#CFF8F5, #AAC2CD, #7E8AAF, #476C60, #2B5357)
• Weathered Fern color palette (#F4DEE7, #9B8B54, #426007, #004844, #322800)

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