Muted Cocoa color palette — #FFF2EC · #E7DEB8 · #CDCA84 · #A2748A · #612F00
Bronze and Pistachio set the tone — five colors that lean into nature and growth.
The five colors
- Ivory (#FFF2EC): a clean, paper-quiet neutral.
- Celadon Mist (#E7DEB8): A whisper-light, dusty green — the color of a quiet forest floor.
- Pistachio (#CDCA84): A whisper-light, balanced green — the color of fresh herbs.
- Dusty Rose (#A2748A): A luminous, dusty rose — the color of strawberry cream.
- Bronze (#612F00): A deep, shadowed, balanced gold — the color of old brass.
Feels like: Nature, Growth, Optimism, Sophistication. Tagged pastel, light, muted.
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
- Washed Ridge color palette (#FFF2ED, #E6DFB5, #94B583, #8A5E81, #623000)
- Muted Cocoa color palette (#FFF3E8, #DDE2CA, #B4CFAA, #BE8A8E, #6A4500)
- Washed Basin color palette (#FFF1F1, #FFD4D5, #E5B590, #9274A7, #553833)
- Straw Ridge color palette (#FFF3E4, #EAEC96, #A0D7B0, #A67560, #3F3C36)
- Coral Meadow color palette (#FFF0FA, #EDDDA4, #E6D7D5, #C76D78, #432636)
- Chalky Sunflower color palette (#FFF3E3, #E5DB1F, #3CD47D, #BF6845, #443100)
- Blush Orchard color palette (#FFF0FE, #CDF2D1, #C0DEA3, #DE88C2, #4F2F3F)
- Hushed Bronze color palette (#F1E7D3, #A9B672, #928035, #715533, #30312A)
Browse the whole catalog at Explore, or see today's palette.