Tempered Loft color palette — #FCF2F4 · #E3D8D2 · #B6B2A3 · #C29EC2 · #4F4446

A conversation between Mauve and Ash, giving this palette its sense of sophistication and softness.

The five colors

• Ivory (#FCF2F4): bright and airy, almost weightless.
• Bone (#E3D8D2): a clean, paper-quiet neutral.
• Ash (#B6B2A3): A luminous, dusty green — the color of a quiet forest floor.
• Mauve (#C29EC2): A luminous, dusty pink — the color of peonies in June.
• Charcoal (#4F4446): a grounded near-black with real depth.

Feels like: 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

• Wandering Pier color palette (#FCF2F4, #E3D9D2, #C9BFB0, #AE818C, #4D4547)
• Muted Coral color palette (#FFF2ED, #E2D9C9, #9DBDA9, #E28786, #682B13)
• Worn Pier color palette (#F2F1F7, #DCD4DA, #C8B7C1, #93618F, #2D2A37)
• Faded Summit color palette (#FFF4E2, #FFA2F0, #D78D94, #648F61, #503534)
• Washed Sand Dune color palette (#FBF4E9, #D9D99D, #A1B485, #A48790, #514100)
• Muted Mulberry color palette (#F1E7E4, #B1A087, #94896D, #994354, #140402)
• Mallow Loft color palette (#FFF1F2, #FF94DD, #C3975B, #4A8C73, #22375C)
• Blush Basin color palette (#F9DDDB, #F27EB1, #836960, #584442, #1E1617)

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