Hushed Cocoa color palette — #ECE2E6 · #A3BAA8 · #6F9789 · #663500 · #12070C

Built around Bronze, softened by Eucalyptus — the whole palette hums with optimism and sophistication.

The five colors

• Rose Water (#ECE2E6): a clean, paper-quiet neutral.
• Ash (#A3BAA8): A luminous, dusty teal — the color of glacier melt.
• Eucalyptus (#6F9789): A luminous, dusty teal — the color of shallow lagoons.
• Bronze (#663500): A deep, shadowed, balanced gold — the color of honey in a jar.
• Ink (#12070C): A deep, shadowed, dusty rose — the color of pressed rose petals.

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

• Cocoa Lantern color palette (#F0E6DD, #BFB8A9, #8F907A, #683500, #2B1B0D)
• Basalt Thicket color palette (#DEEBDF, #8AA89B, #62847E, #473200, #010602)
• Antique Garnet color palette (#F2E7F3, #C4ABBA, #A2848D, #791830, #0F0810)
• Ancient Chestnut Canyon color palette (#E7F6EC, #BFDBD2, #8FB4B1, #6E5900, #0A1F13)
• Softworn Olive Coast color palette (#D7EBE2, #488B37, #005139, #471621, #000A08)
• Weathered Bronze color palette (#EFDDCD, #887F23, #24673C, #2C2D4D, #180A28)
• Tangerine Atelier color palette (#D3ECD6, #FB6227, #A67B00, #00692D, #050500)
• Navy Garden color palette (#F2EBDF, #945100, #384100, #140062, #090400)

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