Misty Loft color palette — #D7FEFF · #8CC0CA · #3D8DA1 · #006494 · #2E4080

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

The five colors

• Ivory (#D7FEFF): A whisper-light, dusty teal — the color of sea glass.
• Ash (#8CC0CA): A luminous, dusty blue — the color of deep harbor water.
• Cerulean (#3D8DA1): A luminous, balanced blue — the color of deep harbor water.
• Peacock (#006494): A full-bodied, balanced blue — the color of deep harbor water.
• Navy (#2E4080): A deep, shadowed, balanced violet — the color of wild irises.

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

• Soft Courtyard color palette (#DDFBE0, #85CFDC, #0297B8, #005978, #002E49)
• Ancient Denim Coast color palette (#E8F8FF, #A1C5E1, #6D87B5, #5A5197, #61376D)
• Chestnut Studio color palette (#FFF1F6, #79B6A4, #4B7E99, #804A13, #334C54)
• Hushed Nightshade Pier color palette (#C9F4F3, #00A2C9, #005998, #220095, #330050)
• Hushed Lagoon color palette (#EFF7F8, #D6DAE0, #B4A9B0, #479187, #4C5456)
• Hazy Nightshade Study color palette (#7AFFED, #00B9CD, #0077A6, #002DBF, #420089)
• Patina Periwinkle color palette (#EBF8FC, #B0E8F6, #89D3FF, #77A0F1, #2A4C5E)
• Pewter Pier color palette (#DCFDFA, #B4CBD0, #889AAC, #856277, #3F594A)

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