Lagoon Drift color palette — #F5F7E5 · #7ECFA1 · #009C83 · #097783 · #0C462B

A conversation between Fern and Mint Leaf, giving this palette its sense of nature and growth.

The five colors

• Cream (#F5F7E5): A whisper-light, dusty green — the color of new leaves after rain.
• Mint Leaf (#7ECFA1): A luminous, balanced teal — the color of shallow lagoons.
• Fern (#009C83): A luminous, balanced teal — the color of shallow lagoons.
• Teal (#097783): A full-bodied, balanced blue — the color of deep harbor water.
• Forest (#0C462B): A deep, shadowed, dusty teal — the color of sea glass.

Feels like: Nature, Growth, Trust, Stability, Balance, Grounding. Tagged botanical, earthy, 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

• Quiet Teal color palette (#DEFDF7, #A4EBC1, #00AA8F, #297782, #083822)
• Emerald Alley color palette (#FDF5E0, #B4C388, #639652, #306F98, #363F15)
• Pale Courtyard color palette (#EDEED1, #75BE8D, #008C70, #485498, #00381B)
• Gentle Teal color palette (#E5FBF0, #ABDEAA, #00BFA6, #5B8FB3, #06443F)
• Antique Delta color palette (#FDF4E6, #AAE5FD, #1CA5EF, #008287, #1F406A)
• Patina Coast color palette (#F5F6EC, #CAD6BC, #8AA481, #8F7484, #3F5614)
• Gentle Studio color palette (#EBE8CE, #579554, #006340, #173470, #011501)
• Ancient Lilac Boulevard color palette (#FFE2EF, #A77EFF, #D67000, #00927B, #342653)

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