Muted Cocoa color palette — #ECDCE4 · #C3ACB5 · #7E957C · #69320E · #11070D
Built around Bronze, softened by Eucalyptus — the whole palette hums with optimism and sophistication.
The five colors
- Shell Pink (#ECDCE4): A whisper-light, dusty rose — the color of pressed rose petals.
- Rosewood Mist (#C3ACB5): A luminous, dusty rose — the color of a warm blush.
- Eucalyptus (#7E957C): A luminous, dusty green — the color of new leaves after rain.
- Bronze (#69320E): A deep, shadowed, balanced orange — the color of sun-warmed clay.
- Ink (#11070D): A deep, shadowed, dusty pink — the color of a candy shop window.
Feels like: Optimism, Sophistication. Tagged scandi, muted, light.
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
- Garnet Courtyard color palette (#E7E1E7, #BEADBA, #A08396, #76202C, #0F0810)
- Tempered Alley color palette (#E9F4E7, #94A596, #65856F, #4D2E00, #000600)
- Hushed Terracotta Terrace color palette (#EEE5EB, #BDC8BD, #92ABA1, #9E3D1D, #2B1825)
- Washed Fern Canyon color palette (#E2ECE9, #B4D3CD, #8BABA8, #485E1B, #0B1915)
- Softworn Olive color palette (#D2E6DA, #7A7E26, #3B4B00, #402100, #080800)
- Washed Pewter Coast color palette (#F8EFF2, #CAD6D8, #AAC1BB, #916779, #32292D)
- Wandering Hollow color palette (#FEE1EB, #F76800, #B96D00, #6A5200, #070300)
- Tempered Chestnut Lagoon color palette (#D7E5D9, #905400, #4C3800, #002614, #0A0400)
Browse the whole catalog at Explore, or see today's palette.