Tempered Loft color palette — #EEF7F7 · #D5DBE1 · #B4B0BB · #73A6A5 · #4C5554

Built around Blue Fog, softened by Ash — the whole palette hums with sophistication and softness.

The five colors

• Ivory (#EEF7F7): a clean, paper-quiet neutral.
• Silver (#D5DBE1): bright and airy, almost weightless.
• Ash (#B4B0BB): a calm mid-gray that lets other colors speak.
• Blue Fog (#73A6A5): A luminous, dusty teal — the color of shallow lagoons.
• Charcoal Brown (#4C5554): 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

• Dusty Field color palette (#D6E7E8, #93A9B1, #72899E, #00523C, #000C0D)
• Antique Courtyard color palette (#E9F9FB, #D1DBEB, #BCBDD7, #009C87, #2F4447)
• Dusty Denim color palette (#D7E0E7, #ADB4C3, #9393AA, #005A7D, #07151F)
• Teal Grove color palette (#E1F6FB, #53ADA7, #4C5A65, #2A3B3F, #1C2323)
• Aged Stone Harbor color palette (#FEF0FF, #9CCCA6, #639BB3, #905F64, #334D51)
• Seafoam Workshop color palette (#E4FAFF, #F5F3BC, #8CF2DC, #8FB4EC, #314C59)
• Mint Thicket color palette (#E8F9F8, #89C196, #A07EA6, #905750, #54374F)
• Cobalt Studio color palette (#EDF6FF, #D8DEEE, #BEB9D6, #0A7DC4, #203548)

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