Azure Loft color palette — #D6E7FA · #4B91E3 · #464C64 · #222F3E · #12191E

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

The five colors

• Frost (#D6E7FA): A whisper-light, dusty blue — the color of deep harbor water.
• Azure (#4B91E3): A luminous, balanced blue — the color of a favorite pair of jeans.
• Charcoal Brown (#464C64): A full-bodied, dusty violet — the color of twilight just after sunset.
• Deep Teal (#222F3E): A deep, shadowed, dusty blue — the color of a favorite pair of jeans.
• Ink (#12191E): quiet, heavy and certain.

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

• Washed Cerulean Pier color palette (#D3E9F1, #00A2B0, #395063, #1D3139, #111A1B)
• Wandering Lilac color palette (#E0E3F9, #9D7CCF, #524762, #2B2D3A, #141820)
• Patina Periwinkle Grove color palette (#DCE6F1, #70ACFF, #5E7091, #3F4B5A, #14191E)
• Washed Periwinkle color palette (#FEF0FF, #5EA1EE, #5D394D, #261928, #020704)
• Gentle Indigo Workshop color palette (#EAEEFF, #5A59FF, #462957, #0D1936, #000814)
• Lilac Bloom color palette (#F2F4FF, #AA95E8, #9E9E3B, #44935E, #323650)
• Byzantium Study color palette (#E6E3FA, #A13FB6, #3D2A46, #17112A, #03040D)
• Washed Alley color palette (#E9FAF4, #9FCFCC, #579F90, #5B7686, #254A48)

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