Tempered Loft color palette — #FFF3E9 · #D8D6E4 · #78B0FF · #00897A · #322F57

A conversation between Cornflower and Fern, giving this palette its sense of trust and stability.

The five colors

• Ivory (#FFF3E9): bright and airy, almost weightless.
• Silver (#D8D6E4): bright and airy, almost weightless.
• Cornflower (#78B0FF): A luminous, balanced blue — the color of deep harbor water.
• Fern (#00897A): A full-bodied, balanced teal — the color of shallow lagoons.
• Navy (#322F57): A deep, shadowed, dusty violet — the color of twilight just after sunset.

Feels like: Trust, Stability, 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 Study color palette (#FAF4F0, #BFE3EE, #7FC3F4, #4F9175, #4F354A)
• Softworn Pine color palette (#FEF2EF, #CFDEF7, #02C0F2, #008E3E, #12355E)
• Iris Harbor color palette (#FFF3E8, #DAE4F8, #6096FF, #00736B, #27174F)
• Dusty Cobalt Alley color palette (#FFF0F8, #A2D7F1, #4582C3, #006665, #313B6C)
• Fuchsia Drift color palette (#FFF0F9, #FF71D5, #00B3BF, #0098A3, #35132B)
• Pale Veranda color palette (#FBEAE0, #71C3E2, #0066C0, #003F35, #020012)
• Hushed Meadow color palette (#EEDCD6, #52B3B6, #005E78, #002E0F, #000105)
• Cobalt Bloom color palette (#FFF2ED, #8ADBE4, #0085B4, #005530, #00092B)

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