Tempered Loft color palette — #FFF2EC · #E89C8D · #8E99D6 · #855EA7 · #351E13

Slate and Melon set the tone — five colors that lean into creativity and balance.

The five colors

• Ivory (#FFF2EC): a clean, paper-quiet neutral.
• Melon (#E89C8D): A luminous, balanced orange — the color of sun-warmed clay.
• Blue Fog (#8E99D6): A luminous, balanced violet — the color of a velvet chair.
• Slate (#855EA7): A full-bodied, balanced violet — the color of wild irises.
• Onyx (#351E13): A deep, shadowed, dusty orange — the color of sun-warmed clay.

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

• Pale Indigo color palette (#FFF2EA, #D78C6B, #7974CB, #7A3F81, #2B140E)
• Dusty Driftwood Bloom color palette (#FBF4EC, #E1BC92, #C2A0CF, #AE688B, #36312B)
• Dusty Plum Field color palette (#EAF9F3, #68BEEB, #B789CC, #A4537F, #052C20)
• Antique Nightshade color palette (#ECF9ED, #5FCFD2, #4F8FC8, #65479F, #431A32)
• Worn Plum color palette (#FFF3E2, #D29C00, #CC60CD, #B71A5F, #251900)
• Wandering Moss Atelier color palette (#E1F8EC, #928A00, #726BAC, #504B79, #0A1F16)
• Worn Petrol color palette (#F9F7DD, #97DFB1, #4DA491, #1666A7, #30332C)
• Muted Meadow color palette (#F5F6EF, #D6DBD6, #A4B1BE, #83AB74, #3F4037)

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