Muted Drift color palette — #FFF3E9 · #DBE3F6 · #5698FF · #007177 · #1F1856

Cornflower and Deep Indigo set the tone — five colors that lean into trust and stability.

The five colors

• Ivory (#FFF3E9): bright and airy, almost weightless.
• Frost (#DBE3F6): A whisper-light, dusty violet — the color of wild irises.
• Cornflower (#5698FF): A luminous, vivid blue — the color of open sky before noon.
• Teal (#007177): A full-bodied, balanced blue — the color of deep harbor water.
• Deep Indigo (#1F1856): A deep, shadowed, balanced violet — the color of twilight just after sunset.

Feels like: Trust, Stability, Creativity, Balance. Tagged coastal, cool, 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

• Wandering Field color palette (#FAF4EE, #C1E4F5, #7DA9E0, #007F80, #242A53)
• Powdered Turquoise Market color palette (#FFF2EB, #B3FEFE, #00ABCC, #00764C, #00283E)
• Feathered Sapphire color palette (#FFF1F6, #7DC0EC, #0063E6, #00555A, #2C2964)
• Airy Canyon color palette (#F8F2FF, #C78CFF, #6E8300, #007A59, #1D0032)
• Aged Quarry color palette (#F0F4E6, #77C5F7, #0076C0, #004E64, #00193A)
• Turquoise Market color palette (#FEEBE1, #55B3B8, #005E75, #002D1D, #000103)
• Tempered Iris Boulevard color palette (#F6F3FF, #EAD8DA, #B2B4A2, #7088F1, #38183D)
• Softworn Aqua Studio color palette (#FBF3EF, #C2E0E4, #77C9DE, #54916F, #17493B)

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