Muted Cocoa color palette — #D1E4D1 · #007170 · #873700 · #5D2400 · #072108

Built around Rust, softened by Espresso — the whole palette hums with nature and growth.

The five colors

• Celadon Mist (#D1E4D1): A whisper-light, dusty green — the color of new leaves after rain.
• Teal (#007170): A full-bodied, balanced teal — the color of shallow lagoons.
• Rust (#873700): A full-bodied, balanced orange — the color of toasted spice.
• Espresso (#5D2400): A deep, shadowed, balanced orange — the color of autumn markets.
• Ink (#072108): A deep, shadowed, dusty green — the color of a quiet forest floor.

Feels like: Nature, Growth, Optimism, Balance. Tagged warm.

Use it as a design system

One click turns Muted 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

• Timeworn Studio color palette (#D0E6CA, #007269, #932800, #2B3F00, #0B2005)
• Dusty Cocoa Studio color palette (#DAE9E0, #005B70, #663400, #401E00, #001016)
• Garnet Alley color palette (#CFE8DF, #006FA7, #7E1B2D, #3F2900, #1A2300)
• Gentle Mulberry Terrace color palette (#D0E5CD, #00716D, #911B53, #690038, #00201E)
• Faded Olive Canyon color palette (#D1ECE6, #337700, #97232D, #562800, #020B00)
• Antique Lagoon color palette (#DFE1C1, #43861E, #76104F, #6C031B, #0B2102)
• Softworn Nightshade Quarry color palette (#ECDCBD, #0084A5, #433B9A, #3E3200, #022640)
• Cobalt Balcony color palette (#F4DBF8, #006AB8, #665800, #473D00, #00203E)

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