Azure Loft color palette — #FBF4EE · #C5ECFF · #3895ED · #006A68 · #131A41

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

The five colors

• Ivory (#FBF4EE): a clean, paper-quiet neutral.
• Frost (#C5ECFF): A whisper-light, dusty blue — the color of deep harbor water.
• Azure (#3895ED): A luminous, balanced blue — the color of a favorite pair of jeans.
• Teal (#006A68): A full-bodied, balanced teal — the color of sea glass.
• Deep Indigo (#131A41): A deep, shadowed, dusty violet — the color of a velvet chair.

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

• Softworn Periwinkle color palette (#FBF4ED, #D9D5E0, #7EA6ED, #007E87, #2A294E)
• Washed Canyon color palette (#F3E4EC, #93B9D3, #3369BA, #004C43, #150E34)
• Pale Study color palette (#FEF3ED, #D0DFF8, #00C1E9, #008C5F, #0B3955)
• Hushed Cerulean color palette (#FFF2EC, #82DEDA, #00899E, #00552E, #000F19)
• Petrol Veranda color palette (#FBEAE2, #6DC6D9, #006F9D, #003F35, #00020B)
• Linen Peony Market color palette (#FFF1F0, #E05A9B, #009972, #007A7E, #1F000F)
• Powdered Ultramarine color palette (#F8EEE2, #7EA7CA, #223FC8, #002A30, #010008)
• Washed Powder color palette (#FAF4EF, #C2E1F1, #C3BEF7, #589FA2, #5A4653)

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