Misty Loft color palette — #D6EEED · #75B7EF · #0682F1 · #00678C · #010F37

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

The five colors

• Frost (#D6EEED): A whisper-light, dusty teal — the color of sea glass.
• Sky (#75B7EF): A luminous, balanced blue — the color of deep harbor water.
• Azure (#0682F1): A luminous, vivid blue — the color of open sky before noon.
• Peacock (#00678C): A full-bodied, balanced blue — the color of open sky before noon.
• Midnight (#010F37): A deep, shadowed, balanced violet — the color of wild irises.

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

• Patina Balcony color palette (#DCEEEB, #6BBED3, #0090B7, #006C73, #001623)
• Sunlit Ultramarine Workshop color palette (#FCEAF0, #70A8D5, #2551E8, #004951, #15023E)
• Hazy Harbor color palette (#F7ECE0, #79BEF5, #335CCE, #003D44, #030011)
• Hushed Periwinkle Dune color palette (#E2F2F1, #ABDAFC, #57AAF5, #008BB2, #172E4E)
• Nightshade Dune color palette (#ECDADF, #658FAF, #2A37A7, #002C2C, #070015)
• Quiet Grape color palette (#DBDDFC, #A76AE6, #00909D, #8411D1, #001316)
• Feathered Magenta Field color palette (#F6E6F7, #BA3BC8, #D90F05, #0060CF, #120015)
• Misty Orchard color palette (#E9F9F6, #6CF2F2, #00C1CF, #009989, #003A43)

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