Tempered Loft color palette — #FAF3F6 · #E5D9D4 · #CDBEB1 · #9086BD · #4E4549

Slate Blue and Stone set the tone — five colors that lean into creativity and sophistication.

The five colors

• Ivory (#FAF3F6): a clean, paper-quiet neutral.
• Bone (#E5D9D4): bright and airy, almost weightless.
• Stone (#CDBEB1): A luminous, dusty gold — the color of old brass.
• Slate Blue (#9086BD): A luminous, balanced violet — the color of twilight just after sunset.
• Charcoal (#4E4549): quiet, heavy and certain.

Feels like: Creativity, Sophistication, Softness, Clarity. 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

• Taupe Delta color palette (#FBF3F4, #E0D9D3, #B5B8A7, #B98E96, #595051)
• Wandering Violet Drift color palette (#FDF2F5, #EED8D7, #E7ADA4, #9756BA, #452932)
• Ancient Ridge color palette (#FFF0FC, #E5B9C4, #BB9587, #6B826A, #405640)
• Wisteria Harbor color palette (#F2DFE2, #BC6BC4, #6A3F44, #3A282C, #1D161A)
• Tempered Peony Veranda color palette (#F0F9E8, #99AFEE, #BD6298, #2D725B, #4E3440)
• Muted Lagoon color palette (#F8F5EA, #ABD0AB, #2EA490, #8A6863, #414700)
• Mulberry Balcony color palette (#E8DEDF, #B59F99, #9F7F67, #6D2061, #110607)
• Weathered Orchard color palette (#F9ECE7, #CFC1B7, #B1A479, #993F46, #2C1A14)

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