Azure Loft color palette — #F1F7F2 · #D5DFF0 · #5EA2C8 · #3C7A79 · #445465
A conversation between Cyan and Teal, giving this palette its sense of trust and stability.
The five colors
- Ivory (#F1F7F2): a clean, paper-quiet neutral.
- Silver (#D5DFF0): A whisper-light, dusty violet — the color of wild irises.
- Cyan (#5EA2C8): A luminous, balanced blue — the color of open sky before noon.
- Teal (#3C7A79): A full-bodied, dusty teal — the color of glacier melt.
- Charcoal Brown (#445465): A full-bodied, dusty blue — the color of a favorite pair of jeans.
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
- Tempered Parlor color palette (#DCEADF, #5FACBD, #00607F, #003E3B, #002139)
- Weathered Lantern color palette (#FCF3EF, #C4F2EE, #8BB6DE, #5D9381, #614B5A)
- Dusty Blush Boulevard color palette (#F9F2FF, #C97BA1, #8D8F3D, #457E99, #473E4F)
- Softworn Cerulean color palette (#DFEBE1, #358BAF, #003F68, #002225, #000720)
- Worn Field color palette (#EFF8F0, #A4CCDB, #0086A0, #006153, #0F4056)
- Patina Sand color palette (#F9F2FE, #FFE4BD, #ECD6DD, #887EA0, #544857)
- Muted Powder Veranda color palette (#F5F6EE, #C8E8E5, #9AD0E8, #87AD8F, #325247)
- Dusty Balcony color palette (#F7F3FD, #D29DBC, #62AB81, #995A81, #2C5555)
Browse the whole catalog at Explore, or see today's palette.