Tempered Loft color palette — #FBF1FF · #C5EED8 · #E9D8D8 · #A6A0C8 · #5D4D5C

Mauve and Honeydew set the tone — five colors that lean into sophistication and softness.

The five colors

• Blush (#FBF1FF): A whisper-light, dusty pink — the color of peonies in June.
• Honeydew (#C5EED8): A whisper-light, dusty teal — the color of shallow lagoons.
• Bone (#E9D8D8): a clean, paper-quiet neutral.
• Mauve (#A6A0C8): A luminous, dusty violet — the color of a velvet chair.
• Charcoal Brown (#5D4D5C): A full-bodied, dusty pink — the color of neon signs at night.

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

• Timeworn Lagoon color palette (#FFF1F6, #C5E9FA, #9ECBEC, #C38E93, #384F42)
• Apricot Harbor color palette (#FEF1F8, #DC987B, #7D9FBF, #597EA1, #493742)
• Washed Chartreuse color palette (#FFF0FD, #E9E2C5, #B2E386, #AA6FA1, #55344C)
• Weathered Cocoa color palette (#FFF2EE, #E0D9CE, #9FC3B1, #AA718D, #783B1D)
• Worn Orchard color palette (#F0F8EF, #B6D3C2, #89A485, #856C7D, #374D47)
• Hushed Ridge color palette (#CAEAFF, #53F1F6, #FFB5AC, #544552, #393238)
• Mulberry Canyon color palette (#FFDEDF, #D58D61, #728A3B, #702B6B, #1A0200)
• Amber Atelier color palette (#FAF2F7, #F8C3B1, #66AB96, #C1765A, #203133)

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