Muted Cocoa color palette — #FFDEF1 · #B7642B · #893400 · #57180A · #150700
Built around Rust, softened by Ochre — the whole palette hums with optimism and warmth.
The five colors
- Blush (#FFDEF1): A whisper-light, dusty pink — the color of a candy shop window.
- Ochre (#B7642B): A full-bodied, balanced gold — the color of honey in a jar.
- Rust (#893400): A full-bodied, balanced orange — the color of toasted spice.
- Espresso (#57180A): A deep, shadowed, balanced orange — the color of toasted spice.
- Ink (#150700): A deep, shadowed, dusty gold — the color of afternoon light on wheat.
Feels like: Optimism, Warmth, Comfort, Balance, Grounding. Tagged earthy, 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
- Linen Chestnut color palette (#FCD9EE, #96541B, #622000, #3D0005, #130900)
- Muted Alley color palette (#F4E7D4, #9F7600, #6F4A00, #472800, #100B00)
- Muted Parlor color palette (#F4DBEA, #AD7A3E, #852B00, #44001A, #020100)
- Aged Bloom color palette (#FFD4B8, #E28E36, #B55C00, #883500, #3B2300)
- Sunlit Lagoon color palette (#FFE8DA, #C47C44, #AE4C20, #930018, #130900)
- Moss Balcony color palette (#D8F2E3, #A7A340, #827200, #5E4B12, #062B20)
- Worn Mustard Parlor color palette (#D3FADD, #D0B32B, #A58114, #7D5915, #1C3D2E)
- Driftwood Alley color palette (#FFF1F6, #DDB689, #B1855E, #805D6F, #304332)
Browse the whole catalog at Explore, or see today's palette.