Hushed Cocoa color palette — #C5E6E5 · #5AA0AC · #497197 · #6B3900 · #3A3808

A conversation between Bronze and Slate, giving this palette its sense of nature and growth.

The five colors

• Silver (#C5E6E5): A whisper-light, dusty teal — the color of sea glass.
• Blue Fog (#5AA0AC): A luminous, dusty blue — the color of open sky before noon.
• Slate (#497197): A full-bodied, dusty blue — the color of deep harbor water.
• Bronze (#6B3900): A deep, shadowed, balanced gold — the color of afternoon light on wheat.
• Deep Olive (#3A3808): A deep, shadowed, dusty green — the color of a quiet forest floor.

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

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

• Timeworn Cocoa Parlor color palette (#D6F3FF, #87A1B8, #6C678F, #594800, #1F3E1A)
• Garnet Ridge color palette (#C8E7E2, #6C9D99, #3D6E7C, #782A3C, #4C2A00)
• Aged Denim Field color palette (#C0EAEA, #5A8BA7, #555090, #453400, #002F1A)
• Weathered Petrol Basin color palette (#D9EDE4, #7693B5, #5666A0, #512B4A, #381816)
• Cobalt Quarry color palette (#DAEAF3, #79AADE, #667DBC, #7B4A75, #4C2738)
• Softworn Pewter color palette (#ECF7FF, #B9C1DA, #938DA2, #557871, #3A5052)
• Hushed Cabin color palette (#F8EAF2, #86BBC9, #007587, #00532E, #003249)
• Softworn Navy Summit color palette (#D0E0F3, #407ED5, #975A00, #004497, #3D2100)

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