Tempered Loft color palette — #E9FBE9 · #D6DAEB · #B1A6AC · #7BB49A · #3A4B3C

A conversation between Sage and Charcoal, giving this palette its sense of sophistication and softness.

The five colors

• Ivory (#E9FBE9): A whisper-light, dusty green — the color of fresh herbs.
• Silver (#D6DAEB): A whisper-light, dusty violet — the color of twilight just after sunset.
• Ash (#B1A6AC): a calm mid-gray that lets other colors speak.
• Sage (#7BB49A): A luminous, dusty teal — the color of glacier melt.
• Charcoal (#3A4B3C): A deep, shadowed, dusty green — the color of a quiet forest floor.

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

• Muted Studio color palette (#E4FBF3, #EDD8D4, #B4A7A4, #67A9BD, #534154)
• Timeworn Pier color palette (#F4F8E1, #C3EED6, #D3E0F7, #A3AF7E, #3F4F03)
• Washed Orchard color palette (#E6F9FF, #CFDBEC, #ACC5F3, #538A83, #39525C)
• Worn Canyon color palette (#FFF2EA, #FAD5B4, #C98E76, #915955, #36312B)
• Quiet Basin color palette (#BEEDDC, #93BBFD, #8B6FF4, #004D59, #030004)
• Washed Basin color palette (#DCFFEA, #E0DCE8, #D2C3EF, #00918B, #002D3C)
• Washed Cerulean Grove color palette (#FFF0FD, #FACDFF, #E8D7D7, #5C94C3, #3C2734)
• Sky Harbor color palette (#E8FAF2, #54BFF6, #DB8176, #8C6D2B, #142A22)

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