Muted Cocoa color palette — #F8ECF0 · #A9C2B2 · #759B93 · #5B2F00 · #040001
A conversation between Cocoa and Eucalyptus, giving this palette its sense of optimism and sophistication.
The five colors
- Blush (#F8ECF0): a clean, paper-quiet neutral.
- Stone (#A9C2B2): A luminous, dusty teal — the color of sea glass.
- Eucalyptus (#759B93): A luminous, dusty teal — the color of sea glass.
- Cocoa (#5B2F00): A deep, shadowed, balanced gold — the color of old brass.
- Black (#040001): A deep, shadowed, dusty rose — the color of pressed rose petals.
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
- Hushed Meadow color palette (#E5DDE6, #CCB2C0, #7E9A84, #671D2F, #020003)
- Bronze Alley color palette (#F5EDE7, #9F998D, #7C7228, #402300, #110600)
- Fern Harbor color palette (#E3F2ED, #BAD6D7, #89ADB9, #3F5700, #000302)
- Worn Bronze Meadow color palette (#F7DFDA, #8B793D, #1D5B3F, #371A3E, #020009)
- Timeworn Pine color palette (#DEF3E8, #458D4B, #00473D, #2D0C28, #000201)
- Worn Bronze Balcony color palette (#EFF8F0, #C3DCEB, #ACC5D0, #92702F, #162217)
- Powdered Coral color palette (#EEE2C8, #FF6F75, #9E7D00, #006B4A, #010100)
- Cellar Chestnut color palette (#DEF2DD, #974C00, #213A00, #080034, #020100)
Browse the whole catalog at Explore, or see today's palette.