Azure Loft color palette — #FFF2ED · #BDFCFF · #00A8DC · #00773D · #002252

Built around Cyan, softened by Pine — the whole palette hums with nature and growth.

The five colors

• Ivory (#FFF2ED): bright and airy, almost weightless.
• Honeydew (#BDFCFF): A whisper-light, dusty teal — the color of shallow lagoons.
• Cyan (#00A8DC): A luminous, balanced blue — the color of a favorite pair of jeans.
• Pine (#00773D): A full-bodied, balanced teal — the color of sea glass.
• Midnight (#002252): A deep, shadowed, balanced blue — the color of deep harbor water.

Feels like: Nature, Growth, Trust, Stability, 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

• Patina Periwinkle Pier color palette (#FFF2E9, #D6E6FB, #419CFF, #007462, #1F1855)
• Turquoise Courtyard color palette (#FFF2EE, #C8F9EC, #5CB3D2, #457D50, #3B253D)
• Dusty Periwinkle color palette (#F0F5FF, #80AAFF, #8A7900, #4B6E1E, #00093D)
• Frosted Loft color palette (#E4FBF6, #91EBF1, #00C0D5, #00988E, #003A46)
• Ancient Petrol Villa color palette (#FEF1FA, #77C7CB, #007A96, #00583D, #003657)
• Cobalt Atelier color palette (#FFF2ED, #8ADBE5, #0084B7, #005533, #000630)
• Aged Cerulean Thicket color palette (#EFF6FF, #E2D9E2, #FCBFBA, #009AAD, #251F46)
• Weathered Powder color palette (#FCF3EE, #D4D7E7, #92C0E8, #598F7B, #4D3747)

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