Lagoon Station color palette — #F8E9E6 · #178A85 · #004352 · #022102 · #000104

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

The five colors

• Rose Water (#F8E9E6): bright and airy, almost weightless.
• Fern (#178A85): A full-bodied, balanced teal — the color of shallow lagoons.
• Deep Teal (#004352): A deep, shadowed, dusty blue — the color of open sky before noon.
• Ink (#022102): A deep, shadowed, dusty green — the color of a quiet forest floor.
• Black (#000104): A deep, shadowed, dusty blue — the color of a favorite pair of jeans.

Feels like: Nature, Growth, Trust, Stability, Sophistication. Tagged coastal, cool, light, muted.

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 Navy color palette (#F4E4D7, #0084AE, #003680, #00201B, #010009)
• Teal Orchard color palette (#DFECE1, #5BB3AE, #006069, #002D1E, #000102)
• Deep Forest Pier color palette (#E0F7E4, #00723B, #00330F, #1B2329, #000B02)
• Jade Basin color palette (#DFE7D6, #00A97B, #006F90, #3E2600, #010200)
• Gentle Workshop color palette (#E8DCD2, #44A8D8, #2151AE, #003A35, #0C0325)
• Petrol Pier color palette (#F6E5DD, #70C2D0, #0073A7, #004E34, #071237)
• Nocturne Fern color palette (#EBE0D1, #524D00, #223700, #001905, #000201)
• Aubergine Station color palette (#EAEAD9, #2D5900, #5A007A, #0F2500, #030005)

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