Lagoon Drift color palette — #E4E7D1 · #569C7E · #006358 · #204821 · #003221

Fern takes the lead with Pine close behind in a set that reads as nature and growth at first glance.

The five colors

• Parchment (#E4E7D1): A whisper-light, dusty green — the color of new leaves after rain.
• Fern (#569C7E): A luminous, balanced teal — the color of shallow lagoons.
• Pine (#006358): A full-bodied, balanced teal — the color of glacier melt.
• Forest (#204821): A deep, shadowed, dusty green — the color of a quiet forest floor.
• Deep Forest (#003221): A deep, shadowed, dusty teal — the color of sea glass.

Feels like: Nature, Growth, Calm, Sophistication, Grounding. Tagged botanical, earthy, muted, cool.

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

• Fern Pier color palette (#EFE3CD, #8D914C, #415F1A, #0F4932, #312804)
• Fern Lantern color palette (#D7E9E4, #7EB29A, #008286, #446000, #003032)
• Dusty Balcony color palette (#FFF4E0, #A4A959, #4E780D, #1A5873, #3B3E13)
• Cerulean Coast color palette (#DEF3F3, #0097A5, #006A81, #00425B, #002C4B)
• Olive Lagoon color palette (#ECE9D3, #457B30, #004325, #002926, #031400)
• Worn Basalt color palette (#F8F5EB, #A5B78D, #597E5A, #4D6042, #4A4400)
• Petrol Courtyard color palette (#F5EDE2, #95BCA6, #16709B, #004F50, #062F54)
• Chalky Rust Harbor color palette (#C4E8D5, #008CB1, #AA4900, #005168, #461900)

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