Lagoon Coast color palette — #E7F2E9 · #A1E1DC · #00BAC9 · #00956B · #003441

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

The five colors

• Cream (#E7F2E9): a clean, paper-quiet neutral.
• Sea Foam (#A1E1DC): A whisper-light, dusty teal — the color of glacier melt.
• Cyan (#00BAC9): A luminous, balanced blue — the color of deep harbor water.
• Fern (#00956B): A full-bodied, balanced teal — the color of shallow lagoons.
• Deep Teal (#003441): A deep, shadowed, dusty blue — the color of open sky before noon.

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

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

• Sky Archive color palette (#E6F2E8, #A8DDF0, #59AEE1, #009093, #032E57)
• Dusty Pine Lagoon color palette (#F4EBF6, #95D1CD, #0095B4, #0E7215, #003054)
• Antique Teal Coast color palette (#F0F7F1, #D3DFF7, #8EC5EA, #06ADB1, #2F4968)
• Frosted Field color palette (#D4F1D7, #CC9300, #00A9B2, #C243DA, #2B1C00)
• Petrol Atelier color palette (#F2E8D8, #73C4BE, #007984, #004E36, #001921)
• Cobalt Alley color palette (#E5F0E7, #8EB5D2, #0086E2, #006B78, #010B3F)
• Dusty Periwinkle Harbor color palette (#D3E3D2, #DCA24E, #49A5FF, #AF7400, #002A4F)
• Frosted Bronze Cabin color palette (#D4E3D3, #C9AE72, #BE801F, #A45100, #292500)

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