Hushed Cocoa color palette — #CEECFF · #9AADC5 · #686D89 · #66422C · #3A2800

Built around Cocoa, softened by Espresso — the whole palette hums with optimism and calm.

The five colors

• Frost (#CEECFF): A whisper-light, dusty blue — the color of open sky before noon.
• Ash (#9AADC5): A luminous, dusty blue — the color of open sky before noon.
• Slate (#686D89): A full-bodied, dusty violet — the color of a velvet chair.
• Cocoa (#66422C): A full-bodied, dusty gold — the color of afternoon light on wheat.
• Espresso (#3A2800): A deep, shadowed, dusty gold — the color of afternoon light on wheat.

Feels like: Optimism, Calm, Sophistication. Tagged vintage, retro, muted, cool.

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

• Worn Fern color palette (#D4E0FE, #A0A1C8, #7E708F, #595022, #002D26)
• Fern Dune color palette (#DBEACA, #89AA99, #7971AC, #675500, #334800)
• Weathered Ridge color palette (#C8EBD9, #A5BBE3, #9189B4, #945B2F, #5E3F00)
• Ancient Pewter color palette (#EDF1FF, #C4C2DC, #9D91A7, #537462, #2C423D)
• Washed Veranda color palette (#ECEAFB, #B487A0, #8B5A5B, #274A00, #002519)
• Denim Coast color palette (#CDE4F6, #68739D, #654780, #442300, #191200)
• Softworn Cerulean color palette (#EBF5ED, #A7CEE0, #3886A5, #005C56, #00233A)
• Aged Ridge color palette (#E9F5F1, #87AB87, #267555, #005152, #00221F)

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