Misty Lagoon color palette — #F5DFE9 · #51AED7 · #1761C7 · #004B43 · #14053A

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

The five colors

• Rose Water (#F5DFE9): A whisper-light, dusty rose — the color of a warm blush.
• Cyan (#51AED7): A luminous, balanced blue — the color of deep harbor water.
• Cobalt (#1761C7): A full-bodied, vivid blue — the color of deep harbor water.
• Forest (#004B43): A deep, shadowed, dusty teal — the color of shallow lagoons.
• Deep Indigo (#14053A): 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 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

• Indigo Veranda color palette (#F8E3E9, #77B7F2, #5F6BC4, #00595C, #28123E)
• Turquoise Orchard color palette (#F2E5F0, #19B7C1, #007095, #004D29, #001134)
• Weathered Lantern color palette (#FAEBE0, #7EC1E2, #0067BE, #003E3E, #010014)
• Cerulean Thicket color palette (#E7EBDB, #4B99BF, #004F76, #002E39, #001529)
• Patina Delta color palette (#D5E5E3, #85B8D2, #008CCC, #006A7E, #001529)
• Airy Courtyard color palette (#FBE9F2, #7DD1F3, #4688D7, #006D5E, #2A294D)
• Gentle Azure color palette (#FDF1F9, #92EBFF, #4AA3E3, #008663, #323D65)
• Washed Plum color palette (#FFE1EB, #B8006C, #006964, #004C5E, #160008)

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