Azure Loft color palette — #E2F8EE · #3FA0D0 · #AB716D · #715A2D · #132720

Cyan and Mocha set the tone — five colors that lean into trust and stability.

The five colors

• Honeydew (#E2F8EE): A whisper-light, dusty teal — the color of shallow lagoons.
• Cyan (#3FA0D0): A luminous, balanced blue — the color of open sky before noon.
• Mocha (#AB716D): A luminous, dusty orange — the color of autumn markets.
• Coffee (#715A2D): A full-bodied, dusty gold — the color of old brass.
• Onyx (#132720): A deep, shadowed, dusty teal — the color of glacier melt.

Feels like: Trust, Stability, Optimism, Sophistication. Tagged 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

• Iris Courtyard color palette (#FBEDF9, #7292DF, #AC7450, #605E57, #2B1E29)
• Hushed Teal color palette (#EAF6E7, #00AB9F, #A27095, #645C58, #1D251B)
• Softworn Azure color palette (#E5F6F1, #4F9AD5, #93534E, #4D4B1D, #172016)
• Timeworn Cerulean color palette (#EFF6FF, #7192C1, #A16E7B, #83513C, #333E4C)
• Periwinkle Station color palette (#FEF0DA, #92A9EA, #856C9B, #644E28, #362730)
• Powder Workshop color palette (#E9FAF2, #72D0FF, #D4A280, #9E795F, #27352F)
• Washed Sky Villa color palette (#ECF7FF, #68B6DB, #AD8EBA, #5E8663, #2E404B)
• Airy Violet Lantern color palette (#FFECF3, #9371CC, #8F7109, #315E35, #27121C)

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