Tempered Loft color palette — #E2F1FF · #0093E0 · #3A5579 · #0D334C · #00050C

Azure and Peacock set the tone — five colors that lean into trust and stability.

The five colors

• Frost (#E2F1FF): A whisper-light, dusty blue — the color of deep harbor water.
• Azure (#0093E0): A luminous, balanced blue — the color of open sky before noon.
• Peacock (#3A5579): A full-bodied, dusty blue — the color of a favorite pair of jeans.
• Deep Teal (#0D334C): A deep, shadowed, dusty blue — the color of open sky before noon.
• Ink (#00050C): A deep, shadowed, dusty blue — the color of deep harbor water.

Feels like: Trust, Stability, Calm, Sophistication. Tagged noir, dark, luxury, 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

• Timeworn Lagoon Workshop color palette (#D2F5FF, #00A09F, #2E5A6B, #073640, #000607)
• Patina Meadow color palette (#E2EDFF, #4171E3, #393D6B, #0B1A40, #000206)
• Weathered Delta color palette (#E8ECFB, #8E6EF9, #5B4B70, #272D4A, #02040C)
• Aged Archive color palette (#DCE5F6, #94A3FA, #676E8C, #414A5C, #141920)
• Muted Amethyst Hollow color palette (#E0E8FF, #6844E3, #382753, #281019, #070022)
• Chalky Fuchsia color palette (#E5DEF9, #E26BDA, #825871, #453B5C, #120F1F)
• Feathered Corridor color palette (#E7EFFF, #7997FF, #D06ABA, #0098A4, #111A45)
• Indigo Hollow color palette (#D3DFF4, #90AAFF, #00BB9C, #5570FF, #003127)

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