Softworn Loft color palette — #E7F2F9 · #868E97 · #616A83 · #002F3C · #000103

Midnight takes the lead with Slate close behind in a set that reads as sophistication at first glance.

The five colors

• Ivory (#E7F2F9): bright and airy, almost weightless.
• Gray (#868E97): soft and architectural.
• Slate (#616A83): A full-bodied, dusty violet — the color of wild irises.
• Midnight (#002F3C): 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 Loft 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

• Softworn Navy color palette (#E9EDF4, #8A8C9E, #6D6683, #130083, #000109)
• Wandering Drift color palette (#EBF2EF, #AFBFB9, #779B92, #004258, #000201)
• Hushed Abyss Villa color palette (#DBE7E0, #97A9A4, #9A7B90, #004D60, #010D06)
• Weathered Nightshade Market color palette (#E6EAF0, #B0B2BF, #8E89A2, #152EAA, #040A19)
• Twilit Navy color palette (#D0E3E5, #35648B, #3B2762, #1C1700, #000700)
• Petrol Delta color palette (#EEF2F8, #D7D4DD, #B6B5C5, #2A64AD, #17212D)
• Aubergine Terrace color palette (#DDEEFF, #008986, #005F90, #510084, #000106)
• Obsidian Forest color palette (#D3E7E0, #31653B, #003228, #00171F, #000200)

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