Tempered Loft color palette — #E9EFF8 · #C9CBDA · #A59BB2 · #294DA7 · #252E3C

Indigo and Blue Fog set the tone — five colors that lean into creativity and sophistication.

The five colors

• Frost (#E9EFF8): bright and airy, almost weightless.
• Oat (#C9CBDA): A whisper-light, dusty violet — the color of twilight just after sunset.
• Blue Fog (#A59BB2): A luminous, dusty violet — the color of wild irises.
• Indigo (#294DA7): A full-bodied, balanced violet — the color of a velvet chair.
• Onyx (#252E3C): A deep, shadowed, dusty blue — the color of open sky before noon.

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

Use it as a design system

One click turns Tempered 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 Ultramarine Thicket color palette (#F2F5FD, #DED6E1, #B8AFBF, #5159B1, #363A45)
• Denim Dune color palette (#E8F0F4, #C6CDD5, #9A9FB5, #005F71, #203039)
• Timeworn Denim color palette (#EEE6EC, #D8C6CE, #B79BA3, #405090, #1C121A)
• Weathered Aubergine color palette (#E9EDF7, #BAB6C5, #98879D, #471CA3, #191E33)
• Grape Quarry color palette (#F5F3FF, #DACDE1, #C99A8D, #8C00A6, #332D4C)
• Dusty Abyss color palette (#E0F2F6, #7C90A9, #815977, #005550, #1B3853)
• Wandering Orchard color palette (#F7F3FB, #E5D5D8, #D6B0BD, #A83C74, #443C4B)
• Driftwood Market color palette (#F6F4FA, #DFD8DB, #B1ABA1, #A06F99, #54505B)

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