Worn Drift color palette — #DDE8EA · #91A3AE · #677BA6 · #003F3C · #000507

A conversation between Slate and Deep Teal, giving this palette its sense of sophistication.

The five colors

• Frost (#DDE8EA): bright and airy, almost weightless.
• Blue Fog (#91A3AE): A luminous, dusty blue — the color of deep harbor water.
• Slate (#677BA6): A full-bodied, dusty violet — the color of twilight just after sunset.
• Deep Teal (#003F3C): A deep, shadowed, dusty teal — the color of shallow lagoons.
• Ink (#000507): a grounded near-black with real depth.

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

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

• Patina Pewter color palette (#E4EDF2, #848E9D, #6F638A, #002F3C, #000103)
• Navy Hollow color palette (#E7EDF7, #B1B2C2, #9585A9, #223A8E, #050B16)
• Abyss Station color palette (#E0E9DE, #A5BAB0, #A78BA2, #00605C, #0B170A)
• Worn Archive color palette (#EEF2F8, #D9D4DE, #BAB3C8, #416598, #1A212A)
• Wandering Navy color palette (#D3EADA, #287A85, #383C7E, #251F00, #0A0800)
• Weathered Harbor color palette (#ECF3F6, #D6D7DF, #BAACB6, #5E8A9D, #2E383C)
• Feathered Aubergine color palette (#DFF3FF, #1D9F1D, #00819B, #6A00A7, #000306)
• Navy Studio color palette (#FCDAE9, #006356, #002D5F, #230D00, #000203)

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