Tempered Loft color palette — #F4F4FE · #E0D5DE · #C8B2CC · #812DB3 · #0B0A1B

Plum and Ash set the tone — five colors that lean into creativity and energy.

The five colors

• Ivory (#F4F4FE): bright and airy, almost weightless.
• Silver (#E0D5DE): bright and airy, almost weightless.
• Ash (#C8B2CC): A luminous, dusty pink — the color of neon signs at night.
• Plum (#812DB3): A full-bodied, vivid violet — the color of wild irises.
• Ink (#0B0A1B): A deep, shadowed, dusty violet — the color of a velvet chair.

Feels like: Creativity, Energy, Sophistication. Tagged scandi, muted, light, vibrant.

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

• Tempered Coast color palette (#F2F5FC, #DFD6E3, #BFB5D2, #4B50B9, #060C1B)
• Mulberry Lagoon color palette (#EFEDF4, #D7CBDC, #B89CB2, #82007B, #030109)
• Wandering Mulberry color palette (#F8F3FB, #E6D4D8, #D0B1BF, #A42461, #110915)
• Weathered Aubergine Parlor color palette (#EEEDF9, #B4B0C3, #9288A1, #573264, #0B0818)
• Worn Orchid color palette (#E8DFE1, #CFBBB5, #C2A091, #A45DC1, #2D181E)
• Deep Mulberry Hollow color palette (#F1E9FF, #9D2082, #2D1C13, #2A0008, #040002)
• Aged Pewter color palette (#D3DEFF, #B294C5, #985C6B, #004D39, #00171F)
• Hushed Garnet color palette (#E5DEE7, #C5B5C1, #A58994, #720033, #030004)

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