Muted Cocoa color palette — #F9E4EE · #AF7375 · #7E411F · #00422E · #002E30
A conversation between Bronze and Mocha, giving this palette its sense of optimism and sophistication.
The five colors
- Blush (#F9E4EE): A whisper-light, dusty rose — the color of a warm blush.
- Mocha (#AF7375): A luminous, dusty red — the color of a theater curtain.
- Bronze (#7E411F): A full-bodied, balanced orange — the color of autumn markets.
- Forest (#00422E): A deep, shadowed, dusty teal — the color of sea glass.
- Deep Forest (#002E30): A deep, shadowed, dusty teal — the color of shallow lagoons.
Feels like: Optimism, Sophistication. Tagged vintage, retro, 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
- Wandering Bronze Garden color palette (#F3D6DC, #9F5B4C, #653F0A, #003330, #08192B)
- Washed Ridge color palette (#EDEAF8, #C37A94, #A25A00, #1A5862, #002B32)
- Patina Harbor color palette (#E5E9FE, #8A80A6, #8A4255, #393C00, #002D10)
- Antique Coral Balcony color palette (#FFE4F1, #D6858C, #AD7153, #42755F, #102F17)
- Antique Rust color palette (#FFE5F8, #AE4937, #006478, #6D0D00, #001F26)
- Fern Basin color palette (#FFE7D5, #A5976C, #596A37, #1A4B6B, #2D315A)
- Muted Lagoon color palette (#F5D8CA, #C1633C, #742C00, #321000, #100300)
- Chalky Studio color palette (#F8D6E0, #CD4862, #980016, #531400, #331300)
Browse the whole catalog at Explore, or see today's palette.