Tempered Loft color palette — #F6EBF4 · #80BCC9 · #006FA6 · #00523A · #1E2A55

Peacock takes the lead with Forest close behind in a set that reads as trust and stability at first glance.

The five colors

• Blush (#F6EBF4): bright and airy, almost weightless.
• Ash (#80BCC9): A luminous, dusty blue — the color of a favorite pair of jeans.
• Peacock (#006FA6): A full-bodied, balanced blue — the color of deep harbor water.
• Forest (#00523A): A deep, shadowed, balanced teal — the color of shallow lagoons.
• Navy (#1E2A55): A deep, shadowed, dusty violet — the color of twilight just after sunset.

Feels like: Trust, Stability, Creativity, Calm, Balance. 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

• Dusty Cobalt Hollow color palette (#F9F3F7, #AFC9D9, #4A7BB0, #006150, #333560)
• Wandering Petrol color palette (#EDE8E1, #73C1CF, #007696, #004C45, #001828)
• Ultramarine Grove color palette (#EDE1E6, #72A6C1, #1751AE, #003F38, #210C50)
• Muted Sapphire Basin color palette (#CAE6D8, #878300, #1563D4, #4E4C00, #042659)
• Patina Spruce Courtyard color palette (#F3EBF3, #519E9C, #005266, #003309, #00142B)
• Aged Cypress color palette (#F9F3F7, #D6DFED, #779EBF, #2C7F65, #44526F)
• Misty Workshop color palette (#FAEBE4, #83E5F3, #47AFE8, #41906A, #1A2B55)
• Muted Navy color palette (#EBDBE4, #5388A1, #003880, #00231E, #0A0028)

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