Muted Cocoa Drift color palette — #FAE8F3 · #B17740 · #842D03 · #450012 · #020100

A conversation between Rust and Caramel, giving this palette its sense of optimism and warmth.

The five colors

• Blush (#FAE8F3): A whisper-light, dusty pink — the color of peonies in June.
• Caramel (#B17740): A luminous, balanced gold — the color of honey in a jar.
• Rust (#842D03): A full-bodied, balanced orange — the color of sun-warmed clay.
• Espresso (#450012): A deep, shadowed, balanced red — the color of late-summer berries.
• Black (#020100): quiet, heavy and certain.

Feels like: Optimism, Warmth, Comfort, Balance, Grounding. Tagged earthy, warm, muted.

Use it as a design system

One click turns Muted Cocoa Drift 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

• Tempered Corridor color palette (#E7F2E7, #93873B, #664700, #381700, #010100)
• Worn Ember Courtyard color palette (#ECD9DB, #D3613D, #764900, #251D00, #010100)
• Deep Chestnut color palette (#FFE4F4, #974800, #5D2100, #320500, #040100)
• Rust Meadow color palette (#EADCD3, #CE753D, #B64500, #89210C, #160700)
• Garnet Field color palette (#EFE6F2, #D16680, #395800, #720030, #010100)
• Worn Orchard color palette (#EFE5F4, #8F9527, #54002A, #1C080A, #040001)
• Ancient Rust color palette (#FFF0F9, #E9AD74, #D04E00, #8F102E, #211600)
• Chestnut Orchard color palette (#FFE1ED, #8E4C00, #355900, #002D39, #030100)

Browse the whole catalog at Explore, or see today's palette.