Softworn Loft color palette — #E8F3FE · #6C9AC2 · #8F77A3 · #894D19 · #172430

Coffee and Blue Fog set the tone — five colors that lean into trust and stability.

The five colors

• Ivory (#E8F3FE): bright and airy, almost weightless.
• Blue Fog (#6C9AC2): A luminous, dusty blue — the color of open sky before noon.
• Slate Blue (#8F77A3): A luminous, dusty violet — the color of twilight just after sunset.
• Coffee (#894D19): A full-bodied, balanced gold — the color of afternoon light on wheat.
• Midnight (#172430): A deep, shadowed, dusty blue — the color of open sky before noon.

Feels like: Trust, Stability, Optimism, Sophistication. Tagged muted.

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

• Tempered Pewter color palette (#EBF3FC, #7391B7, #715A95, #625000, #101F2F)
• Timeworn Fern Veranda color palette (#ECF2FF, #8792BF, #B06C77, #486934, #1B2233)
• Cerulean Pier color palette (#EBF8FD, #2EA0B4, #AE667A, #7E552C, #2D4049)
• Washed Fern Chapel color palette (#E3F7F0, #7DB7B9, #6A75A8, #4B591A, #172F3E)
• Antique Pier color palette (#E7F5F6, #6FAA96, #985B7E, #005B3E, #003024)
• Soft Cornflower Boulevard color palette (#E9F3FF, #2B79E2, #A53E81, #614300, #011330)
• Aged Cypress Thicket color palette (#EBF4F6, #9DCCDA, #A07098, #008284, #181321)
• Gentle Aubergine color palette (#D9F8FF, #9EC6DE, #7089B9, #64448E, #471240)

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