Tempered Loft color palette — #F5F6EE · #C3DDE4 · #9EC6E9 · #59A09D · #3A5447

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

The five colors

• Ivory (#F5F6EE): bright and airy, almost weightless.
• Silver (#C3DDE4): A whisper-light, dusty blue — the color of a favorite pair of jeans.
• Sky (#9EC6E9): A luminous, dusty blue — the color of a favorite pair of jeans.
• Eucalyptus (#59A09D): A luminous, dusty teal — the color of shallow lagoons.
• Charcoal Brown (#3A5447): A full-bodied, dusty teal — the color of sea glass.

Feels like: Trust, Stability, Sophistication, Softness, Clarity. 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

• Teal Corridor color palette (#FAF3F0, #C3DFE6, #92D1ED, #59B699, #604963)
• Dusty Orchard color palette (#EFF7F6, #D0DFF1, #55A6B9, #2C7D7A, #3E5664)
• Worn Cerulean color palette (#F5F7E6, #88DCE2, #008A9B, #00524D, #000F15)
• Washed Powder color palette (#E5FCEE, #8CD9EF, #B3B4F2, #79B287, #273E31)
• Antique Turquoise color palette (#E9FAEE, #B1F2FF, #DCBDF4, #50A8B9, #603846)
• Hushed Denim Alley color palette (#E5E8D5, #63AFC2, #005E77, #002B2E, #000103)
• Worn Boulevard color palette (#F6F6EB, #B3E9EE, #62B6B9, #17806D, #00353B)
• Hazy Azure Lagoon color palette (#F3F7EA, #D8E1F5, #0FA2F6, #006E88, #002549)

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