Muted Drift color palette — #FFF2E9 · #E4CCAD · #D39F82 · #AF7679 · #3F3D36

A conversation between Camel and Mocha, giving this palette its sense of optimism and sophistication.

The five colors

• Ivory (#FFF2E9): a clean, paper-quiet neutral.
• Wheat (#E4CCAD): A whisper-light, dusty gold — the color of old brass.
• Camel (#D39F82): A luminous, dusty gold — the color of old brass.
• Mocha (#AF7679): A luminous, dusty red — the color of embers at dusk.
• Charcoal (#3F3D36): quiet, heavy and certain.

Feels like: Optimism, Sophistication, Grounding. Tagged earthy, warm, muted.

Use it as a design system

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

• Weathered Bronze Boulevard color palette (#F7E4D4, #D4BE9A, #CA8F60, #AB625D, #32302A)
• Fern Market color palette (#FDF4E7, #E2DABA, #C8B293, #B28771, #494C00)
• Softworn Bronze Grove color palette (#FFECF5, #C2A77D, #9C6648, #5B425C, #12281E)
• Dusty Mustard color palette (#F8EED2, #AFD59D, #AEA932, #AD7100, #03402C)
• Rust Balcony color palette (#F5D9B7, #C7BB51, #C78500, #BF4100, #1B3000)
• Pale Lagoon color palette (#FDF1FA, #A1B6FC, #D893C3, #9F9226, #412A3C)
• Tempered Ridge color palette (#EDF8F3, #A2DFFF, #E392AF, #02B0EB, #331E1B)
• Tempered Petrol Lagoon color palette (#EDF8F5, #FEC7B0, #6F99C2, #3B6690, #0C2721)

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