Weathered Drift color palette — #F0F7F2 · #D3D7E8 · #9DA9EB · #5CA6B7 · #251B22

Mauve and Cyan set the tone — five colors that lean into trust and stability.

The five colors

• Ivory (#F0F7F2): bright and airy, almost weightless.
• Silver (#D3D7E8): A whisper-light, dusty violet — the color of a velvet chair.
• Mauve (#9DA9EB): A luminous, balanced violet — the color of twilight just after sunset.
• Cyan (#5CA6B7): A luminous, dusty blue — the color of open sky before noon.
• Onyx (#251B22): A deep, shadowed, dusty pink — the color of neon signs at night.

Feels like: Trust, Stability, Creativity, Sophistication. Tagged duotone, muted.

Use it as a design system

One click turns Weathered 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 Garden color palette (#F2F7ED, #BDE1F1, #6AB9E2, #67AA8E, #12221C)
• Worn Turquoise Villa color palette (#F0F8F1, #A5ECF3, #C7AAD8, #64BBC2, #37292D)
• Wandering Ash Harbor color palette (#FFF4E2, #BDE2FF, #9A9CD1, #906850, #473A47)
• Blush Station color palette (#FBF2F8, #E5D6F0, #DD7B99, #7D81CD, #1C0E0C)
• Hushed Cobalt Boulevard color palette (#EFF6FB, #93CADE, #507FB9, #007997, #252F3A)
• Tempered Summit color palette (#ECF3F6, #A0CBD9, #9C6FA6, #008286, #161421)
• Basalt Harbor color palette (#FBF1FD, #D4D4E2, #BEC8B0, #B9ADAC, #453241)
• Wandering Navy Market color palette (#EAF8FF, #D6D9E7, #A0B7EC, #736EA2, #4A3063)

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