Tempered Loft color palette — #FCF3EF · #BDE7EE · #74C8E5 · #569076 · #1D483D

Built around Sky, softened by Fern — the whole palette hums with trust and stability.

The five colors

• Ivory (#FCF3EF): bright and airy, almost weightless.
• Powder Blue (#BDE7EE): A whisper-light, dusty blue — the color of deep harbor water.
• Sky (#74C8E5): A luminous, balanced blue — the color of deep harbor water.
• Fern (#569076): A luminous, dusty teal — the color of sea glass.
• Forest (#1D483D): A deep, shadowed, dusty teal — the color of glacier melt.

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

• Powder Loft color palette (#FCF3EF, #D3D7E9, #7DC5ED, #469280, #4E354E)
• Cypress Atelier color palette (#F1F7F2, #C8E1EA, #3C98AD, #007360, #2C4C61)
• Weathered Aqua color palette (#FAEBE3, #25CCE5, #007099, #003F33, #00020A)
• Gentle Delta color palette (#FFF2E9, #8CD7F9, #007DD6, #005150, #050233)
• Ancient Terrace color palette (#FFF1F3, #E5D6D4, #A4B3AF, #C9A0B6, #5B4140)
• Quiet Market color palette (#FFF1F3, #F195E8, #7CBD7C, #58A577, #3E2226)
• Powdered Azure Bloom color palette (#FFF2EC, #A8F5FF, #00A0D0, #006C54, #001F3D)
• Washed Ultramarine Harbor color palette (#E9DFD4, #65A9DE, #2448B5, #002A30, #010009)

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