Azure Loft color palette — #FAF3F7 · #D6E0F2 · #65A0C9 · #3F7B71 · #445469

Built around Blue Fog, softened by Teal — the whole palette hums with trust and stability.

The five colors

• Ivory (#FAF3F7): bright and airy, almost weightless.
• Frost (#D6E0F2): A whisper-light, dusty violet — the color of wild irises.
• Blue Fog (#65A0C9): A luminous, balanced blue — the color of open sky before noon.
• Teal (#3F7B71): A full-bodied, dusty teal — the color of glacier melt.
• Peacock (#445469): A full-bodied, dusty blue — the color of open sky before noon.

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

Use it as a design system

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

• Lagoon Bloom color palette (#EDF8F6, #D4DDEC, #88BAD0, #559299, #405566)
• Timeworn Cypress Ridge color palette (#F1F3EB, #BDE9E6, #73A4BA, #3A757C, #203D33)
• Patina Archive color palette (#EAF8FF, #66BED7, #CA875B, #008099, #604351)
• Denim Harbor color palette (#F9EAF4, #61ABBB, #005F85, #003F34, #001D46)
• Muted Ember Veranda color palette (#EAF8FF, #4AA6BD, #CA6959, #946F2A, #2F4651)
• Weathered Courtyard color palette (#F5E3EC, #4689A9, #003D72, #002222, #04002C)
• Sunlit Cornflower color palette (#FFF1F6, #ABD4F2, #467ADF, #00656D, #3B386A)
• Pale Sapphire color palette (#EBFAE9, #81BEF2, #3155F9, #00545F, #34226B)

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