Muted Drift color palette — #D8E1DC · #C2B3C3 · #9E8695 · #004C60 · #12241B

A conversation between Navy and Heather, giving this palette its sense of trust and stability.

The five colors

• Silver (#D8E1DC): bright and airy, almost weightless.
• Ash (#C2B3C3): A luminous, dusty pink — the color of peonies in June.
• Heather (#9E8695): A luminous, dusty pink — the color of neon signs at night.
• Navy (#004C60): A deep, shadowed, dusty blue — the color of deep harbor water.
• Onyx (#12241B): A deep, shadowed, dusty teal — the color of sea glass.

Feels like: Trust, Stability, Sophistication. Tagged scandi, muted, light.

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

• Tempered Summit color palette (#DFECE8, #B4A4AF, #967481, #003A60, #001913)
• Dusty Petrol color palette (#E1E9E5, #B5CAC2, #B19DB3, #006A8D, #12231C)
• Muted Aubergine Garden color palette (#F6EBEF, #DAC6C9, #B49995, #61418E, #37292F)
• Hushed Spruce color palette (#C3ECEF, #58829F, #564A70, #433D00, #003413)
• Washed Pine Summit color palette (#E2E0CF, #418C5B, #005145, #003444, #00220D)
• Petrol Chapel color palette (#EFF7F4, #DFD4D1, #CBB7B7, #4C7B95, #404A46)
• Navy Meadow color palette (#ECE1D0, #00718B, #312D83, #312100, #00182A)
• Patina Aubergine color palette (#D8E6DB, #00646C, #5B0061, #2A1D00, #011701)

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