Lagoon Coast color palette — #FFF2EC · #D4D9EA · #6AB7EE · #008C65 · #212F69

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

The five colors

• Ivory (#FFF2EC): a clean, paper-quiet neutral.
• Silver (#D4D9EA): A whisper-light, dusty violet — the color of wild irises.
• Cornflower (#6AB7EE): A luminous, balanced blue — the color of deep harbor water.
• Fern (#008C65): A full-bodied, balanced teal — the color of shallow lagoons.
• Navy (#212F69): A deep, shadowed, balanced violet — the color of wild irises.

Feels like: Trust, Stability, Creativity, Calm, Balance. Tagged coastal, cool, light, muted.

Use it as a design system

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

• Tempered Sky Villa color palette (#FFF2EE, #C8F9EB, #00C1ED, #3E8948, #013663)
• Chalky Meadow color palette (#FFF2EB, #D4E7FD, #2D9FFC, #00755E, #1B1A56)
• Sky Field color palette (#ECF9EE, #B2F0FF, #3BC6FC, #00A69F, #00436C)
• Gentle Cobalt Studio color palette (#FBF2F8, #8FDCEB, #0088C7, #006A49, #2C3C6E)
• Powder Coast color palette (#FAF4EF, #C3E0ED, #C1BEEE, #649F94, #5F4354)
• Petrol Ridge color palette (#FAEBE4, #7BC4CF, #006F9E, #004028, #000016)
• Washed Nightshade color palette (#E8DED5, #79A8CB, #374CA0, #002B2B, #020007)
• Weathered Indigo Balcony color palette (#FCF4EB, #A3D2F8, #5F72CA, #005152, #140029)

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