Tempered Loft color palette — #F0F8EF · #7DBDBA · #CB8566 · #008481 · #534B47

Caramel and Teal set the tone — five colors that lean into optimism and sophistication.

The five colors

• Ivory (#F0F8EF): bright and airy, almost weightless.
• Mint Leaf (#7DBDBA): A luminous, dusty teal — the color of sea glass.
• Caramel (#CB8566): A luminous, balanced orange — the color of sun-warmed clay.
• Teal (#008481): A full-bodied, balanced teal — the color of glacier melt.
• Charcoal Brown (#534B47): quiet, heavy and certain.

Feels like: Optimism, Sophistication. 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

• Hushed Cobalt Quarry color palette (#EBF9F3, #86B7D6, #C18A6F, #127BAD, #6A422D)
• Muted Pine color palette (#F3F8E9, #8DBD9F, #B587B2, #1E8754, #664147)
• Taupe Pier color palette (#E8F4F8, #73C4C0, #B19B43, #18827F, #1D3828)
• Wandering Bronze Lagoon color palette (#E8FBEE, #51A6B8, #BA7374, #A86048, #34483B)
• Hushed Bloom color palette (#E4FCEE, #00A4C5, #BD6300, #00677C, #5B2C00)
• Lilac Harbor color palette (#EEF8F1, #84D3E1, #C0A1E3, #3A9BAB, #60444E)
• Timeworn Quarry color palette (#FCF3EC, #C7B59B, #9D775A, #814E42, #594500)
• Muted Lagoon Coast color palette (#EAFAEC, #FCD4E8, #C6E5E8, #659C86, #41584D)

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