Worn Drift color palette — #FBF2F9 · #C2E2F1 · #668FB0 · #227257 · #394863

Built around Pine, softened by Slate Blue — the whole palette hums with trust and stability.

The five colors

• Ivory (#FBF2F9): bright and airy, almost weightless.
• Powder Blue (#C2E2F1): A whisper-light, dusty blue — the color of open sky before noon.
• Slate Blue (#668FB0): A luminous, dusty blue — the color of deep harbor water.
• Pine (#227257): A full-bodied, balanced teal — the color of glacier melt.
• Charcoal (#394863): A full-bodied, dusty violet — the color of wild irises.

Feels like: Trust, Stability, Calm, Sophistication. Tagged coastal, cool, light, muted.

Use it as a design system

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

• Hushed Cobalt Boulevard color palette (#FBF2F6, #A5CBE4, #5679AD, #006156, #38355C)
• Wandering Cypress Studio color palette (#F6F1E9, #CDE3D4, #5597B4, #006D67, #06342A)
• Lagoon Pier color palette (#F0F7F1, #CDDFFB, #5DB0D4, #068D85, #2B4B66)
• Abyss Pier color palette (#E9DBE9, #518C8C, #004356, #002409, #00091A)
• Pale Drift color palette (#F7F3FF, #B66BA1, #009070, #007177, #3D324D)
• Dusty Grove color palette (#F6F3FF, #EDD7DE, #E6C99A, #7770A1, #5A4B64)
• Pale Onyx color palette (#F1E4EB, #469CB6, #004B83, #003126, #0F0046)
• Powder Study color palette (#FCF3EF, #BEEFE8, #75C7FF, #58AB88, #593D54)

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