Tempered Loft color palette — #E7F4FF · #D6D6E4 · #C9BAEA · #33879B · #1A3046

Cerulean takes the lead with Lavender close behind in a set that reads as trust and stability at first glance.

The five colors

• Ivory (#E7F4FF): A whisper-light, dusty blue — the color of open sky before noon.
• Silver (#D6D6E4): bright and airy, almost weightless.
• Lavender (#C9BAEA): A luminous, dusty violet — the color of a velvet chair.
• Cerulean (#33879B): A full-bodied, balanced blue — the color of deep harbor water.
• Deep Teal (#1A3046): A deep, shadowed, dusty blue — the color of a favorite pair of jeans.

Feels like: Trust, Stability, Sophistication. Tagged pastel, light, muted.

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

• Tempered Courtyard color palette (#ECF2FD, #DCD5E2, #B1A79F, #688DB1, #323747)
• Soft Wisteria Villa color palette (#EAF3FF, #CDC9FF, #CA84D9, #006F9E, #121842)
• Washed Mallow color palette (#E8FAF0, #E4DFED, #EDB5E8, #4C897C, #305047)
• Aged Study color palette (#F1F0FF, #DDCDF7, #DA96A0, #715DAC, #272139)
• Feathered Violet Lagoon color palette (#DBE9F9, #8B9DDA, #9258C5, #00485C, #020326)
• Ancient Fern color palette (#ECF2FF, #7D7FBF, #926E32, #415D00, #13192B)
• Antique Navy color palette (#EDEDFF, #9F81B6, #924C7B, #00286D, #050012)
• Hushed Cocoa color palette (#E5F7EA, #93B4A4, #877339, #694300, #0C2821)

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