Tempered Loft color palette — #FFF0F9 · #BBC1FF · #D0BC87 · #9CAB70 · #513A49

Lavender and Sage set the tone — five colors that lean into nature and growth.

The five colors

• Ivory (#FFF0F9): bright and airy, almost weightless.
• Lavender (#BBC1FF): A whisper-light, balanced violet — the color of wild irises.
• Sand (#D0BC87): A luminous, dusty gold — the color of old brass.
• Sage (#9CAB70): A luminous, balanced green — the color of fresh herbs.
• Charcoal (#513A49): A deep, shadowed, dusty pink — the color of neon signs at night.

Feels like: Nature, Growth, Optimism, Creativity, Sophistication. Tagged 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

• Antique Mallow Terrace color palette (#FFF1F3, #E2B5E6, #A4CAA0, #72B29F, #513C40)
• Aged Basin color palette (#DEFDF4, #98CDFF, #E1B391, #B8A167, #2D4942)
• Taupe Veranda color palette (#F0F5FF, #A2AEE2, #D39281, #719F80, #3A4253)
• Wandering Cocoa color palette (#FFF3E9, #E7D7BF, #D0AF94, #B0877A, #564600)
• Softworn Hollow color palette (#EBE8FF, #B7A4FF, #99BB00, #0EAD5C, #322851)
• Wisteria Veranda color palette (#FFD9E2, #D58DF0, #74B96C, #0FA284, #411F29)
• Hushed Powder color palette (#FFF0F8, #E4D6F2, #B5AFE7, #8089BA, #2D3255)
• Antique Bone Thicket color palette (#FAF2F7, #D7E5BA, #B692A6, #806374, #32282D)

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