Tempered Loft color palette — #F2F5FF · #808DFF · #10A628 · #008947 · #0B0A35

Kelly Green takes the lead with Lavender Blue close behind in a set that reads as nature and growth at first glance.

The five colors

• Ivory (#F2F5FF): bright and airy, almost weightless.
• Lavender Blue (#808DFF): A luminous, vivid violet — the color of twilight just after sunset.
• Kelly Green (#10A628): A luminous, vivid green — the color of fresh herbs.
• Fern (#008947): A full-bodied, balanced teal — the color of sea glass.
• Deep Indigo (#0B0A35): A deep, shadowed, balanced violet — the color of a velvet chair.

Feels like: Nature, Growth, Creativity, Energy, Balance. Tagged cool.

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

• Frosted Loft color palette (#F6F3FF, #A97AFF, #00A276, #008764, #190136)
• Weathered Ultramarine color palette (#FFF0F8, #9475FF, #00956C, #1F3ACF, #0F022B)
• Ancient Periwinkle Studio color palette (#EFF6FF, #6CAFFF, #7D7E00, #35722C, #00122B)
• Wisteria Grove color palette (#E9E3F3, #BC85FF, #DE8200, #00A393, #2D1745)
• Airy Alley color palette (#FFF1F3, #CD62C4, #00968A, #007C72, #1B001A)
• Worn Byzantium Quarry color palette (#F1E8FF, #8E3ED7, #5F6C00, #005D3C, #2F114B)
• Wandering Drift color palette (#FFF1F6, #D7BEFD, #90CC94, #7EB181, #453239)
• Turquoise Corridor color palette (#FFF1F2, #E99FD4, #00C0D0, #6097C9, #3D2225)

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