Misty Lagoon color palette — #F9F3F8 · #C4E7F4 · #4FC1EB · #00A47C · #0E3D63

Fern and Cyan set the tone — five colors that lean into trust and stability.

The five colors

• Ivory (#F9F3F8): a clean, paper-quiet neutral.
• Frost (#C4E7F4): A whisper-light, dusty blue — the color of deep harbor water.
• Cyan (#4FC1EB): A luminous, balanced blue — the color of a favorite pair of jeans.
• Fern (#00A47C): A luminous, balanced teal — the color of sea glass.
• Navy (#0E3D63): A deep, shadowed, balanced blue — the color of a favorite pair of jeans.

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

• Wandering Drift color palette (#FDF2F5, #C8E4FE, #95B0F2, #009DB0, #3A335E)
• Turquoise Atelier color palette (#EEF7F6, #D5DFEB, #26B9D3, #007F7B, #003442)
• Worn Teal Dune color palette (#F9F3F7, #D4D5E8, #99D1E4, #61B691, #3B556D)
• Pale Ember color palette (#FDE7F7, #F8A695, #13C8CD, #FA4828, #003E40)
• Patina Azure color palette (#E8DBE4, #89CCDD, #2F9CD6, #007F6E, #001C4B)
• Timeworn Cobalt color palette (#EEE2EB, #78A8BD, #007EAD, #005F4E, #00091B)
• Weathered Balcony color palette (#DCEDE2, #9ECDBC, #B09D55, #A06E2F, #063933)
• Muted Cerulean color palette (#F9F0EC, #8CD6DD, #2688A7, #125D45, #00271F)

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