Muted Cocoa Workshop color palette — #ECF8F5 · #72915E · #91555D · #754423 · #2A3A31
Built around Bronze, softened by Moss — the whole palette hums with nature and growth.
The five colors
- Ivory (#ECF8F5): bright and airy, almost weightless.
- Moss (#72915E): A luminous, balanced green — the color of a quiet forest floor.
- Pewter (#91555D): A full-bodied, balanced red — the color of a theater curtain.
- Bronze (#754423): A full-bodied, balanced gold — the color of afternoon light on wheat.
- Forest (#2A3A31): A deep, shadowed, dusty teal — the color of sea glass.
Feels like: Nature, Growth, Optimism, Sophistication. Tagged jewel, vibrant, muted.
Use it as a design system
One click turns Muted Cocoa Workshop 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
- Hushed Alley color palette (#EAF8FB, #2B9485, #8A5D33, #544E1D, #263C3A)
- Worn Chestnut Station color palette (#EFF8F0, #64B1B3, #9574B4, #97551C, #2E392B)
- Terracotta Ridge color palette (#E0FCFB, #008756, #962F00, #4B3300, #002B23)
- Tempered Cocoa Corridor color palette (#E9F4FA, #5592A5, #725A9A, #7A3E00, #041F23)
- Turquoise Loft color palette (#EBF7FF, #60A2BB, #666D97, #465B33, #1B4A52)
- Weathered Cerulean Pier color palette (#EFF7FA, #D6DAE1, #B3AAB1, #638899, #4B5458)
- Muted Aqua Atelier color palette (#ECF9F1, #68CEEC, #AB9ADE, #A17395, #2F3B2D)
- Hushed Coast color palette (#CFEBEF, #006C5E, #5E3200, #312C00, #001716)
Browse the whole catalog at Explore, or see today's palette.