Tempered Loft color palette — #F6F1EC · #BBE8D5 · #6790C3 · #016C6E · #3C2234

Slate Blue and Teal set the tone — five colors that lean into trust and stability.

The five colors

• Cream (#F6F1EC): bright and airy, almost weightless.
• Mint (#BBE8D5): A whisper-light, dusty teal — the color of sea glass.
• Slate Blue (#6790C3): A luminous, balanced blue — the color of a favorite pair of jeans.
• Teal (#016C6E): A full-bodied, balanced teal — the color of sea glass.
• Espresso (#3C2234): A deep, shadowed, dusty pink — the color of peonies in June.

Feels like: Trust, Stability, Calm, Sophistication. Tagged coastal, cool, 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 Cerulean Parlor color palette (#F9F0EC, #CBE4D0, #329AC1, #036F55, #0B342C)
• Timeworn Cerulean Cabin color palette (#F4F6EE, #BEE7D7, #5E90B7, #2E6B7E, #553F57)
• Weathered Bronze color palette (#FFEBF7, #8583D0, #937F00, #187C65, #2B1624)
• Soft Cornflower color palette (#FDEFE4, #8FDBFE, #0885E4, #006260, #171F4F)
• Antique Stone color palette (#FFECF4, #E5D4CE, #F5AEAA, #627AA1, #462E33)
• Worn Denim color palette (#EBDDD6, #6AA8AD, #00627B, #003B29, #000C19)
• Hushed Powder Market color palette (#EFF7F6, #D9DDE8, #7BC3FA, #398EA7, #2E4155)
• Antique Aqua color palette (#FFEEE5, #5ED0D1, #007F98, #005535, #001C2E)

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