Lagoon Studio color palette — #D5E6E2 · #599F71 · #00644F · #57263B · #001808

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

The five colors

• Silver (#D5E6E2): bright and airy, almost weightless.
• Fern (#599F71): A luminous, balanced teal — the color of shallow lagoons.
• Pine (#00644F): A full-bodied, balanced teal — the color of sea glass.
• Mulberry (#57263B): A deep, shadowed, dusty rose — the color of a warm blush.
• Ink (#001808): A deep, shadowed, dusty teal — the color of shallow lagoons.

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

Use it as a design system

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

• Washed Lagoon color palette (#EAE5D0, #569E6D, #00625C, #563135, #262C12)
• Fern Villa color palette (#DEF2E7, #829848, #1B6700, #492C4E, #0F1500)
• Antique Olive Hollow color palette (#DCEADF, #817C25, #394B00, #49151C, #090800)
• Worn Mint color palette (#E8FAF2, #88CE99, #00897E, #69425F, #001F0A)
• Lagoon Summit color palette (#E9F5F2, #9DCECA, #54917A, #745864, #213534)
• Petrol Corridor color palette (#E1EDE3, #83C0BD, #007984, #004D37, #001921)
• Wandering Aubergine color palette (#DBEDDE, #8A6300, #006B72, #751983, #110900)
• Softworn Olive color palette (#E7F7E9, #B7AA48, #627500, #624709, #002818)

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