Tempered Loft color palette — #FFEEF7 · #CBBBE9 · #B487C1 · #9A5A84 · #674441

Slate and Dusty Rose set the tone — five colors that lean into creativity and sophistication.

The five colors

• Blush (#FFEEF7): A whisper-light, dusty pink — the color of neon signs at night.
• Lavender (#CBBBE9): A whisper-light, dusty violet — the color of a velvet chair.
• Dusty Rose (#B487C1): A luminous, balanced pink — the color of a candy shop window.
• Slate (#9A5A84): A full-bodied, balanced pink — the color of neon signs at night.
• Cocoa (#674441): A full-bodied, dusty orange — the color of sun-warmed clay.

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

• Muted Peony Lagoon color palette (#FFF1F3, #E0B3DB, #90C08F, #B570AF, #4D4E47)
• Weathered Lilac Basin color palette (#F3F4FF, #C5A3D8, #A46DB1, #81577F, #534A65)
• Hushed Rust Coast color palette (#FFE8EB, #ECB6CE, #D48597, #B26056, #544D49)
• Mulberry Drift color palette (#FFF1F1, #F9C8C9, #C488AF, #954D75, #4D283E)
• Washed Indigo color palette (#DCFFF0, #A9CFF8, #8796D4, #7A6FB8, #6D4A57)
• Dusty Ash color palette (#FFF1F2, #E2D9D1, #9DB8CE, #A294C6, #644A4A)
• Brick Corridor color palette (#F5DBF3, #DF8CBC, #CA4E6F, #A62534, #652811)
• Peony Garden color palette (#EBE2F7, #DE93EA, #D747B3, #B1005C, #732124)

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