Azure Loft color palette — #E8DCE3 · #72CFE9 · #1298F2 · #008064 · #171A40

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

The five colors

• Silver (#E8DCE3): a clean, paper-quiet neutral.
• Sky (#72CFE9): A luminous, balanced blue — the color of a favorite pair of jeans.
• Azure (#1298F2): A luminous, vivid blue — the color of deep harbor water.
• Teal (#008064): A full-bodied, balanced teal — the color of shallow lagoons.
• Deep Indigo (#171A40): A deep, shadowed, dusty violet — the color of wild irises.

Feels like: Trust, Stability, Creativity, Calm, Balance. Tagged coastal, cool, light.

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

• Powdered Iris color palette (#FCE9EF, #87C6FF, #7A88E7, #007C81, #27153A)
• Frosted Workshop color palette (#F6E8F7, #59D6D1, #00A2C4, #3D7E3D, #00213C)
• Cobalt Chapel color palette (#ECE3D6, #6FBED7, #007EB0, #005959, #00203E)
• Softworn Summit color palette (#FEF0FF, #72F1ED, #00BDE6, #409A47, #00345E)
• Cerulean Delta color palette (#E7FAF7, #A6D3EC, #0086AF, #005058, #000E19)
• Aged Courtyard color palette (#D1EFDC, #19E4F0, #9DB4F9, #8D8C3F, #00272B)
• Aged Powder Coast color palette (#F0F8EF, #C6E4FF, #9CACF7, #3F9C9F, #363755)
• Dusty Chapel color palette (#EDDED5, #71A5B6, #005D8F, #003A34, #00032F)

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