Hushed Cocoa color palette — #E8F6ED · #93B5A3 · #827545 · #60480C · #0D291F

Bronze and Walnut set the tone — five colors that lean into nature and growth.

The five colors

• Cream (#E8F6ED): a clean, paper-quiet neutral.
• Sage (#93B5A3): A luminous, dusty teal — the color of sea glass.
• Walnut (#827545): A full-bodied, dusty green — the color of a quiet forest floor.
• Bronze (#60480C): A full-bodied, dusty gold — the color of honey in a jar.
• Onyx (#0D291F): A deep, shadowed, dusty teal — the color of shallow lagoons.

Feels like: Nature, Growth, Optimism, Sophistication, Grounding. Tagged earthy, warm, 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

• Cocoa Courtyard color palette (#FFECF4, #C2A1AC, #986946, #713C21, #132913)
• Antique Bronze Field color palette (#D6F2D8, #B49D67, #8C6200, #5F3A00, #221C00)
• Tempered Thicket color palette (#E2F7F6, #569671, #A26246, #6D4A00, #001F1F)
• Antique Driftwood Dune color palette (#FBF4E7, #C5C090, #A08F4D, #7B6637, #3F3D36)
• Antique Thicket color palette (#D5E3D9, #938746, #685200, #422D00, #100F00)
• Softworn Denim Coast color palette (#E9F4F8, #A4BC93, #006166, #002E30, #000F15)
• Terracotta Atelier color palette (#FEE7F4, #BF7B4B, #943D00, #631700, #1E0D00)
• Dusty Cocoa color palette (#F8E7F1, #9E6039, #732800, #460700, #0C0300)

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