Softworn Drift color palette — #DBE6EE · #818F9D · #5A6C87 · #002F3E · #000103

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

The five colors

• Frost (#DBE6EE): bright and airy, almost weightless.
• Slate Blue (#818F9D): A luminous, dusty blue — the color of open sky before noon.
• Slate (#5A6C87): A full-bodied, dusty blue — the color of open sky before noon.
• Midnight (#002F3E): A deep, shadowed, dusty blue — the color of open sky before noon.
• Black (#000103): a grounded near-black with real depth.

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

Use it as a design system

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

• Washed Pewter color palette (#D7E2DB, #A494A4, #886476, #00313B, #020C06)
• Aged Navy color palette (#E4E8F0, #898C9C, #696687, #1B007F, #00000A)
• Wandering Harbor color palette (#E4EEF3, #B4BBC5, #8A90B0, #004352, #000103)
• Hushed Orchard color palette (#E8ECF4, #AFB3C0, #8B8AA7, #24329E, #050B16)
• Aged Denim Parlor color palette (#E3EAF0, #C5CCD8, #9CA3BA, #005894, #0D1721)
• Aubergine Canyon color palette (#D5EEFF, #4A5582, #45285F, #220F00, #030200)
• Washed Lantern color palette (#D6E0EC, #00849D, #005EA5, #4E00A6, #000109)
• Inked Forest Courtyard color palette (#CFE5E1, #166842, #003229, #00181B, #000201)

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