Tempered Loft color palette — #D8F5FA · #00A695 · #C45E3F · #8F4A36 · #0C2B30

A conversation between Terracotta and Turquoise, giving this palette its sense of balance.

The five colors

• Frost (#D8F5FA): A whisper-light, dusty blue — the color of a favorite pair of jeans.
• Turquoise (#00A695): A luminous, balanced teal — the color of sea glass.
• Terracotta (#C45E3F): A luminous, balanced orange — the color of toasted spice.
• Burnt Sienna (#8F4A36): A full-bodied, balanced orange — the color of autumn markets.
• Onyx (#0C2B30): A deep, shadowed, dusty blue — the color of open sky before noon.

Feels like: Balance. Tagged warm.

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

• Hushed Cerulean color palette (#DEF2FF, #009DCA, #B06E3E, #885129, #132936)
• Washed Jade color palette (#CFF8F9, #2FBC8B, #B0474D, #874314, #022D2E)
• Jade Delta color palette (#D7F5F7, #00A883, #AD6490, #89456F, #002D30)
• Quiet Coast color palette (#E1F6FF, #00A8BD, #B3495A, #5F4E00, #352A00)
• Mulberry Lantern color palette (#E3FCED, #00AFD3, #B270A4, #9B3753, #001920)
• Antique Market color palette (#DCF5ED, #9DB868, #E67990, #CB5E28, #042E25)
• Dusty Ridge color palette (#DDF7E0, #00B6CB, #716DB6, #6F4F00, #173348)
• Soft Brick color palette (#C7EDFD, #007D8C, #B31704, #7F0900, #001014)

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