Basalt Loft color palette — #C5EAF8 · #8CA6B5 · #4C7493 · #55406A · #2B2243

Charcoal Brown and Slate set the tone — five colors that lean into trust and stability.

The five colors

• Frost (#C5EAF8): A whisper-light, dusty blue — the color of deep harbor water.
• Blue Fog (#8CA6B5): A luminous, dusty blue — the color of open sky before noon.
• Slate (#4C7493): A full-bodied, dusty blue — the color of a favorite pair of jeans.
• Charcoal Brown (#55406A): A full-bodied, dusty violet — the color of wild irises.
• Deep Indigo (#2B2243): A deep, shadowed, dusty violet — the color of wild irises.

Feels like: Trust, Stability, Creativity, Sophistication. Tagged vintage, retro, muted.

Use it as a design system

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

• Aged Basalt Workshop color palette (#D2ECFF, #A0B3C6, #728199, #5E5576, #3E2C4C)
• Wandering Lantern color palette (#D3F1D3, #A5C6B0, #549AC0, #6B5D8C, #5D3642)
• Weathered Teal Archive color palette (#C9EEE8, #1CABAA, #007D82, #00444C, #00232A)
• Feathered Market color palette (#C9EAEE, #348197, #1A5376, #371E54, #25002A)
• Garnet Pier color palette (#DDEAFB, #8197DB, #6861A7, #740044, #400013)
• Dusty Cocoa Summit color palette (#DBDDEB, #A084AB, #7C5772, #65270E, #2C1400)
• Timeworn Cerulean Courtyard color palette (#ECF4F2, #ADCED9, #2B8A99, #005C57, #00252E)
• Washed Cocoa color palette (#D5DCFF, #A5A5CD, #8F6A8C, #7E3023, #502500)

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