Lagoon Coast color palette — #FCF3EF · #C8EAD0 · #72BDDE · #00A480 · #133C63

Fern and Sky set the tone — five colors that lean into nature and growth.

The five colors

• Ivory (#FCF3EF): bright and airy, almost weightless.
• Celadon Mist (#C8EAD0): A whisper-light, dusty teal — the color of sea glass.
• Sky (#72BDDE): A luminous, balanced blue — the color of open sky before noon.
• Fern (#00A480): A luminous, balanced teal — the color of glacier melt.
• Navy (#133C63): A deep, shadowed, balanced blue — the color of a favorite pair of jeans.

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

• Cerulean Balcony color palette (#F9F4EF, #C1EBDF, #95AFF7, #009DB1, #3B3261)
• Softworn Cabin color palette (#F5F6EC, #B8E5EF, #00B9D8, #007F7E, #003443)
• Ancient Parlor color palette (#FAF4F0, #C3DFE5, #A6C3E8, #69B495, #2F5249)
• Mallow Market color palette (#EBF2DD, #86D3A3, #E29AFD, #00A05E, #452750)
• Gentle Azure color palette (#FAECE5, #8ECBDC, #1A9CDF, #007E70, #011A4E)
• Airy Peony color palette (#DBEAD2, #56C4AE, #A595F1, #EF5788, #00342B)
• Tempered Cobalt Study color palette (#EFDED6, #6DACB9, #007EAE, #005F4F, #00081D)
• Washed Cerulean color palette (#F8EEF6, #93D4DD, #0088B0, #005E48, #0C2237)

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