Misty Lagoon color palette — #E2F6FA · #33998B · #766AA8 · #8E2635 · #001F23

A conversation between Garnet and Slate, giving this palette its sense of creativity and balance.

The five colors

• Ivory (#E2F6FA): A whisper-light, dusty blue — the color of deep harbor water.
• Fern (#33998B): A luminous, balanced teal — the color of shallow lagoons.
• Slate (#766AA8): A full-bodied, balanced violet — the color of wild irises.
• Garnet (#8E2635): A full-bodied, balanced red — the color of late-summer berries.
• Ink (#001F23): A deep, shadowed, dusty blue — the color of open sky before noon.

Feels like: Creativity, Balance. Tagged warm.

Use it as a design system

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

• Wandering Mulberry Boulevard color palette (#E3F7F2, #70925B, #5D72AD, #7F325D, #00201B)
• Soft Garnet color palette (#E3F6FB, #1C8D90, #5C4A94, #792207, #001717)
• Ancient Terracotta color palette (#E8F4FD, #649CC1, #7F7DAA, #8D4640, #112534)
• Pewter Alley color palette (#E5F5FD, #2E94AC, #9F5B84, #724700, #041D28)
• Worn Delta color palette (#FFECF4, #52AEA3, #2171A6, #6D3500, #042732)
• Wandering Indigo color palette (#E7F9FF, #00929D, #6E63B3, #684270, #1A3741)
• Pewter Thicket color palette (#E2F6FA, #35A193, #814C8E, #563B00, #2A1B00)
• Ancient Mulberry color palette (#DEEAFF, #5C70B6, #9C415D, #4E4400, #050F26)

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