Tempered Loft color palette — #FBF4ED · #C2E6E9 · #7FA2F1 · #048D86 · #5B3D4C

Cornflower takes the lead with Fern close behind in a set that reads as creativity and sophistication at first glance.

The five colors

• Ivory (#FBF4ED): bright and airy, almost weightless.
• Silver (#C2E6E9): A whisper-light, dusty blue — the color of deep harbor water.
• Cornflower (#7FA2F1): A luminous, balanced violet — the color of wild irises.
• Fern (#048D86): A full-bodied, balanced teal — the color of shallow lagoons.
• Cocoa (#5B3D4C): A deep, shadowed, dusty rose — the color of a warm blush.

Feels like: Creativity, Sophistication. Tagged coastal, cool, 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

• Softworn Boulevard color palette (#FAF3F0, #BFE3ED, #83B8DC, #64927B, #5F4C5B)
• Tempered Canyon color palette (#F0F7F1, #C0E1FC, #6A8DB6, #0D6E7E, #384864)
• Ancient Boulevard color palette (#FDF2EF, #BFDEBE, #00A5CD, #327E40, #49304C)
• Marigold Atelier color palette (#E8FAF1, #69C5E8, #D09A28, #008DB3, #553E11)
• Ancient Shell Hollow color palette (#E6FBF3, #DFD5DC, #F8B9BF, #5A9E9B, #554654)
• Azure Market color palette (#D0F0CD, #52D1E9, #0099D2, #3669A8, #403E62)
• Tempered Grove color palette (#F5EDE5, #9ED1C1, #667DE2, #006C6C, #33254A)
• Hazy Amber color palette (#E2FCF2, #53AFE5, #C18F1B, #808628, #1E3F35)

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