Lagoon Station color palette — #F8F5EA · #A5AB62 · #389370 · #00697C · #26365F

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

The five colors

• Ivory (#F8F5EA): bright and airy, almost weightless.
• Sage (#A5AB62): A luminous, balanced green — the color of new leaves after rain.
• Fern (#389370): A full-bodied, balanced teal — the color of sea glass.
• Peacock (#00697C): A full-bodied, balanced blue — the color of open sky before noon.
• Navy (#26365F): A deep, shadowed, dusty violet — the color of wild irises.

Feels like: Nature, Growth, Trust, Stability, Creativity, Calm. Tagged cool.

Use it as a design system

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

• Softworn Petrol Dune color palette (#F5F6ED, #9ABC98, #529B96, #0072A0, #57364C)
• Washed Workshop color palette (#F8F6E5, #9AAF62, #239579, #006882, #4D3200)
• Soft Olive color palette (#FDF3EA, #CD9964, #7D882D, #006F51, #003F4C)
• Airy Dune color palette (#E9EAD2, #53A300, #007A70, #004E6F, #250068)
• Worn Abyss color palette (#FFF4DF, #D0C7AA, #9D9B7C, #6B8168, #34563D)
• Quiet Apricot color palette (#FFF0F9, #FFA381, #4AB59F, #4E82AF, #363256)
• Hushed Lagoon Bloom color palette (#F5F6EF, #C1E5E0, #65B1CA, #008B91, #1E4E63)
• Ultramarine Market color palette (#F1F8E5, #00B878, #008699, #003FD1, #461559)

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