Tempered Azure Loft color palette — #EFF8F1 · #B0DCF1 · #51A0C4 · #007C77 · #163E5C

Cyan and Teal set the tone — five colors that lean into trust and stability.

The five colors

• Ivory (#EFF8F1): a clean, paper-quiet neutral.
• Powder Blue (#B0DCF1): A whisper-light, dusty blue — the color of deep harbor water.
• Cyan (#51A0C4): A luminous, balanced blue — the color of deep harbor water.
• Teal (#007C77): A full-bodied, balanced teal — the color of glacier melt.
• Navy (#163E5C): A deep, shadowed, dusty blue — the color of deep harbor water.

Feels like: Trust, Stability, Calm, Sophistication. Tagged coastal, cool, light, muted.

Use it as a design system

One click turns Tempered Azure 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

• Hushed Cerulean Dune color palette (#EFF8F1, #D5DDFC, #83A8D2, #20899A, #354868)
• Cobalt Lantern color palette (#E7F2E9, #9ECAEE, #5486D1, #00697E, #212956)
• Weathered Denim Lantern color palette (#DEEBE1, #579DB4, #005F87, #003B3C, #000919)
• Gentle Peony color palette (#EEDCFF, #D46CA8, #948D00, #0084A8, #32243E)
• Hazy Ultramarine Summit color palette (#DDEADF, #7CA6CF, #2D5EC7, #00475A, #0E073C)
• Plum Atelier color palette (#F2EAFF, #D78BC0, #40AC80, #A7498E, #00402B)
• Dusty Garden color palette (#F8F2FF, #F8D5C6, #E7B29A, #9973A0, #4D3C56)
• Driftwood Hollow color palette (#FCDEEE, #CDA583, #A87156, #7D4B44, #1F3721)

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