Azure Loft color palette — #F9F3F7 · #D5E0F2 · #689FCD · #417C67 · #485367
A conversation between Blue Fog and Teal, giving this palette its sense of trust and stability.
The five colors
- Ivory (#F9F3F7): bright and airy, almost weightless.
- Frost (#D5E0F2): A whisper-light, dusty violet — the color of wild irises.
- Blue Fog (#689FCD): A luminous, balanced blue — the color of deep harbor water.
- Teal (#417C67): A full-bodied, dusty teal — the color of glacier melt.
- Charcoal Brown (#485367): A full-bodied, dusty violet — the color of wild irises.
Feels like: Trust, Stability, 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
- Powder Basin color palette (#F0F7F1, #D6DFEF, #92B6D1, #608F9B, #415568)
- Softworn Olive Alley color palette (#EBF9F3, #B1B57E, #8194DC, #767815, #414D64)
- Patina Loft color palette (#F6F1E9, #C4E6E3, #7AA895, #577456, #223C36)
- Weathered Balcony color palette (#E6DCE3, #6CAAB5, #005E8A, #00402A, #0C194C)
- Weathered Forest Archive color palette (#F3ECF3, #7CC0BB, #00748C, #0C540A, #073050)
- Powdered Cornflower color palette (#FFF1F6, #A2D5F8, #5679D9, #006763, #433763)
- Muted Navy Study color palette (#EEDDE5, #488AA5, #003A79, #00231D, #090028)
- Driftwood Ridge color palette (#ECF9F1, #9AC2B7, #8C8147, #78505F, #374C4C)
Browse the whole catalog at Explore, or see today's palette.