Misty Loft color palette — #EAF9F8 · #A2D1FF · #2177E1 · #004C6C · #01062F

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

The five colors

• Ivory (#EAF9F8): bright and airy, almost weightless.
• Sky (#A2D1FF): A whisper-light, balanced blue — the color of a favorite pair of jeans.
• Azure (#2177E1): A full-bodied, vivid blue — the color of a favorite pair of jeans.
• Navy (#004C6C): A deep, shadowed, balanced blue — the color of deep harbor water.
• Ink (#01062F): A deep, shadowed, balanced violet — the color of a velvet chair.

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

Use it as a design system

One click turns Misty 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

• Cerulean Parlor color palette (#E7FAF7, #9DD6E8, #0086AE, #005058, #000E19)
• Aged Loft color palette (#E3F1E1, #85C7FF, #678BF2, #007B89, #201347)
• Washed Garden color palette (#DEF3F0, #6DC6D4, #007389, #003E3E, #000305)
• Dusty Ultramarine color palette (#F5EDE0, #74A1CA, #2151AF, #003746, #07002F)
• Tempered Azure Ridge color palette (#EAF9F7, #CCDFF4, #00A8DB, #00717C, #00283D)
• Ancient Chestnut Field color palette (#D8ECDA, #B09757, #7D5800, #472A00, #050400)
• Wandering Apricot color palette (#FFF0FD, #FFCFC0, #FB9335, #973F4D, #1E0419)
• Feathered Atelier color palette (#FFD5D3, #E30034, #856600, #8000A3, #060000)

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