Muted Cocoa color palette — #FFF2E9 · #B68366 · #498B8D · #495F88 · #5E2F00
A conversation between Cocoa and Caramel, giving this palette its sense of optimism and sophistication.
The five colors
- Ivory (#FFF2E9): a clean, paper-quiet neutral.
- Caramel (#B68366): A luminous, dusty gold — the color of afternoon light on wheat.
- Storm Blue (#498B8D): A full-bodied, dusty teal — the color of glacier melt.
- Peacock (#495F88): A full-bodied, dusty violet — the color of wild irises.
- Cocoa (#5E2F00): A deep, shadowed, balanced gold — the color of honey in a jar.
Feels like: Optimism, Sophistication. Tagged 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
- Softworn Loft color palette (#FFF2EF, #C1778B, #638A67, #236A76, #4B3835)
- Petrol Summit color palette (#FEF3E9, #A97D50, #047884, #474976, #3F2C28)
- Aged Denim color palette (#FBF0E4, #B78B5E, #579171, #4D5B8D, #2E1F0F)
- Wandering Lagoon color palette (#FBF5E5, #9E9150, #6282A5, #6C537F, #403D36)
- Ancient Orchard color palette (#FFF4E2, #BBA577, #6D7F4F, #3C5B83, #5A4400)
- Patina Bronze color palette (#F9F4EE, #D9DBD3, #9FB0AF, #A3793B, #56524C)
- Bronze Grove color palette (#FBEDD2, #866E00, #276696, #54346B, #31240A)
- Forest Quarry color palette (#FFF3E5, #D1BD8F, #858754, #4D632E, #1C5722)
Browse the whole catalog at Explore, or see today's palette.