Muted Cocoa color palette — #FFF2EC · #F2D6BE · #F0A6A1 · #AA7770 · #63260E
A conversation between Rust and Rose Quartz, giving this palette its sense of optimism and warmth.
The five colors
- Ivory (#FFF2EC): a clean, paper-quiet neutral.
- Peach Cream (#F2D6BE): A whisper-light, dusty gold — the color of honey in a jar.
- Rose Quartz (#F0A6A1): A luminous, balanced orange — the color of toasted spice.
- Mocha (#AA7770): A luminous, dusty orange — the color of autumn markets.
- Rust (#63260E): A deep, shadowed, balanced orange — the color of sun-warmed clay.
Feels like: Optimism, Warmth, Comfort, Sophistication. Tagged monochrome, light, muted, 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
- Stone Lagoon color palette (#FFF2ED, #E3D8D2, #E4A49E, #945B54, #451C1A)
- Wandering Villa color palette (#FFF1F1, #FFD4F3, #DBA6D5, #AA7C96, #4E2D30)
- Timeworn Stone Corridor color palette (#FFF3E5, #E7DFB0, #D3B279, #A3865B, #3A3530)
- Garnet Basin color palette (#FFEBFB, #E1BEDB, #B36F66, #7E3234, #330B0D)
- Frosted Tangerine Atelier color palette (#FFF2ED, #FFC8A7, #FF7843, #B3590B, #481900)
- Hushed Taupe color palette (#FBF3EE, #FFD3BD, #82C8AE, #D89B7B, #2B3026)
- Tempered Apricot Chapel color palette (#FFF3E8, #FFAD6E, #8BBCE7, #769EC1, #5B3100)
- Muted Seafoam color palette (#FFE3E6, #00FCF6, #FFBBEA, #735D5E, #382F30)
Browse the whole catalog at Explore, or see today's palette.