Azure Loft color palette — #F4F6EF · #B6E0C9 · #00A3D7 · #007A87 · #143F58

Cyan takes the lead with Teal close behind in a set that reads as trust and stability at first glance.

The five colors

• Ivory (#F4F6EF): bright and airy, almost weightless.
• Celadon Mist (#B6E0C9): A whisper-light, dusty teal — the color of glacier melt.
• Cyan (#00A3D7): A luminous, balanced blue — the color of deep harbor water.
• Teal (#007A87): A full-bodied, balanced blue — the color of open sky before noon.
• Navy (#143F58): A deep, shadowed, dusty blue — the color of open sky before noon.

Feels like: Trust, Stability, Calm, Balance. 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

• Weathered Azure Meadow color palette (#F4F7ED, #AFDBFA, #5B9BD5, #007798, #4A2F4B)
• Weathered Denim color palette (#DFE1D7, #559DBA, #005F86, #003A44, #000A16)
• Hushed Field color palette (#EFF8F0, #C6E5F7, #74BBE6, #009FA1, #1D3C5C)
• Cobalt Workshop color palette (#E9EDDF, #72BBE2, #007CB9, #005669, #00203D)
• Rose Lantern color palette (#FDD9E6, #AC77E7, #E4476E, #0080B8, #3C222D)
• Hazy Quarry color palette (#DDE9FF, #89A1FC, #6C6AEF, #564EA9, #40385E)
• Softworn Iris color palette (#FFF1F6, #F9D0E9, #E1AAD9, #8C85C2, #573B45)
• Indigo Chapel color palette (#FEE7F4, #A19DEE, #EA6561, #6C5CCE, #522724)

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