Lagoon Workshop color palette — #E7FAF4 · #8EC0B8 · #3E9369 · #0A726F · #0D3E39

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

The five colors

• Ivory (#E7FAF4): A whisper-light, dusty teal — the color of glacier melt.
• Ash (#8EC0B8): A luminous, dusty teal — the color of shallow lagoons.
• Fern (#3E9369): A full-bodied, balanced teal — the color of sea glass.
• Teal (#0A726F): A full-bodied, balanced teal — the color of glacier melt.
• Forest (#0D3E39): A deep, shadowed, dusty teal — the color of glacier melt.

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

Use it as a design system

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

• Patina Lagoon color palette (#E9F9F7, #9ECFD0, #49A192, #347D8C, #2A4849)
• Dusty Cypress color palette (#D1EBE6, #81B296, #008570, #4A4E89, #00321D)
• Hushed Bloom color palette (#F8F6E8, #AEE0A6, #559B76, #536B51, #282A15)
• Wandering Pine color palette (#EAFAEE, #90A375, #00754D, #0D5366, #1D3C34)
• Ancient Cypress Alley color palette (#CDE5DF, #6EA07B, #007258, #004F54, #00220C)
• Powdered Olive Courtyard color palette (#DCF2E3, #A9B26B, #4F8A06, #00628A, #2D3100)
• Pale Ember color palette (#D9E4FF, #878ED6, #D06643, #008E5A, #1F2A47)
• Aged Navy color palette (#DFF0EA, #588246, #00532D, #00295E, #010800)

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