Lagoon Drift color palette — #FFF2EC · #C3ECCD · #70BDE0 · #3E9F84 · #1A3C5F

Built around Fern, softened by Sky — the whole palette hums with nature and growth.

The five colors

• Ivory (#FFF2EC): a clean, paper-quiet neutral.
• Celadon Mist (#C3ECCD): A whisper-light, dusty teal — the color of sea glass.
• Sky (#70BDE0): A luminous, balanced blue — the color of deep harbor water.
• Fern (#3E9F84): A luminous, balanced teal — the color of glacier melt.
• Navy (#1A3C5F): A deep, shadowed, dusty blue — the color of deep harbor water.

Feels like: Nature, Growth, Trust, Stability, Calm, Sophistication. Tagged coastal, cool, light, muted.

Use it as a design system

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

• Aged Lagoon Thicket color palette (#FAF4EE, #C4EADB, #89B4F1, #009FA5, #4F2E44)
• Worn Turquoise color palette (#F5F6EE, #B9E4EE, #57B5CB, #007F7E, #003443)
• Powder Coast color palette (#FCF3EF, #C2E1E7, #96D1E9, #79B099, #35514A)
• Quiet Quarry color palette (#F3E8E2, #92CADB, #299BDD, #007E71, #081C45)
• Cobalt Lantern color palette (#FDE9DF, #73AAB8, #007DB1, #005F51, #00081E)
• Timeworn Emerald color palette (#EBF2DA, #76D79B, #D795DB, #00AD64, #4A254D)
• Weathered Cerulean color palette (#F7EFF5, #96D3DD, #1787B1, #005D4A, #0C2138)
• Jade Station color palette (#E4E3C1, #AAC76D, #61B462, #038F66, #003F3A)

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