Muted Cocoa Veranda color palette — #E7F6ED · #8BB6A6 · #807549 · #634520 · #012925

Built around Bronze, softened by Walnut — the whole palette hums with nature and growth.

The five colors

• Cream (#E7F6ED): bright and airy, almost weightless.
• Sage (#8BB6A6): A luminous, dusty teal — the color of shallow lagoons.
• Walnut (#807549): A full-bodied, dusty green — the color of a quiet forest floor.
• Bronze (#634520): A full-bodied, dusty gold — the color of old brass.
• Deep Forest (#012925): 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 Muted Cocoa Veranda 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

• Muted Archive color palette (#E8FBEF, #8CB19F, #7E733B, #654E0D, #264439)
• Wandering Chestnut color palette (#D2E6DB, #8FA070, #6E662B, #543805, #001D1B)
• Tempered Cocoa Summit color palette (#FFEBF6, #C69FAB, #936A56, #6E3C3B, #12281A)
• Driftwood Atelier color palette (#FDEDF3, #A9C3AC, #997786, #684F62, #1D3127)
• Bronze Canyon color palette (#FDF4E1, #C5BF9D, #9C905B, #88602C, #3E4100)
• Patina Cerulean Station color palette (#E5F4FF, #3F90B8, #A15D6D, #7C3C3B, #031C2C)
• Worn Terracotta color palette (#FFE7F4, #B9803B, #933E00, #670A18, #181100)
• Timeworn Stone color palette (#E6F4FD, #DFA38D, #225D70, #002B3F, #030E15)

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