Misty Loft color palette — #E1F4F6 · #00AAC7 · #006C8B · #00405B · #002B4B

Built around Cyan, softened by Peacock — the whole palette hums with trust and stability.

The five colors

• Cream (#E1F4F6): A whisper-light, dusty blue — the color of deep harbor water.
• Cyan (#00AAC7): A luminous, balanced blue — the color of deep harbor water.
• Peacock (#006C8B): A full-bodied, balanced blue — the color of deep harbor water.
• Navy (#00405B): A deep, shadowed, dusty blue — the color of deep harbor water.
• Midnight (#002B4B): A deep, shadowed, dusty blue — the color of open sky before noon.

Feels like: Trust, Stability, Calm, Balance. Tagged cool.

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

• Weathered Study color palette (#D1E4DD, #00A997, #006967, #004147, #0D263A)
• Weathered Courtyard color palette (#DDFFE8, #00D2D8, #00A8C8, #007BB5, #002B38)
• Faded Lagoon color palette (#C5E9F6, #009FD3, #006096, #003C76, #02037D)
• Hazy Station color palette (#C1F4C6, #008D9E, #005A7A, #4D0081, #002F39)
• Muted Navy color palette (#DCFFE9, #98CBE2, #5586A4, #2E5D86, #1A457A)
• Sunlit Aubergine color palette (#CBEEDE, #00C3C2, #0088A4, #005482, #220081)
• Moonless Petrol color palette (#C9EDFD, #006B99, #002E51, #000F2B, #000015)
• Tempered Coast color palette (#CBF3DC, #007B94, #1F29C8, #500065, #002C1F)

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