Muted Drift color palette — #F1F7F0 · #D9DDF3 · #A4BBF9 · #58A5B3 · #3F4662

A conversation between Sky and Cyan, giving this palette its sense of trust and stability.

The five colors

• Ivory (#F1F7F0): a clean, paper-quiet neutral.
• Frost (#D9DDF3): A whisper-light, dusty violet — the color of wild irises.
• Sky (#A4BBF9): A luminous, balanced violet — the color of wild irises.
• Cyan (#58A5B3): A luminous, dusty blue — the color of open sky before noon.
• Charcoal (#3F4662): A deep, shadowed, dusty violet — the color of a velvet chair.

Feels like: Trust, Stability, Creativity, Calm, Sophistication, Softness. Tagged coastal, cool, light, 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

• Patina Hollow color palette (#FBF2F8, #CFE3F9, #57CEF2, #65A889, #344A5E)
• Timeworn Periwinkle color palette (#F4F6F0, #B9E9F1, #74A6EF, #4782A4, #573E53)
• Cobalt Studio color palette (#F9E7EF, #73A9C4, #0074D4, #005D5D, #04002C)
• Azure Alley color palette (#FFF1F6, #FFC897, #AA97DF, #32AAE7, #482F39)
• Pale Thicket color palette (#FFF1F6, #F7BF89, #A1BCFF, #D78B36, #32435F)
• Wandering Turquoise Pier color palette (#F6EAF2, #9CE2E0, #00B7D6, #2D9361, #00324A)
• Aged Petrol Summit color palette (#F5F1EA, #C5E4DB, #748DBD, #156880, #3E2035)
• Stone Delta color palette (#EBFAEB, #AFEAD0, #ADC9E7, #DEA18B, #3C5343)

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