Lagoon Station color palette — #EAF4F4 · #D1D9E1 · #B7BCCE · #4F8265 · #222F2F

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

The five colors

• Ivory (#EAF4F4): a clean, paper-quiet neutral.
• Silver (#D1D9E1): a clean, paper-quiet neutral.
• Ash (#B7BCCE): A luminous, dusty violet — the color of wild irises.
• Fern (#4F8265): A full-bodied, dusty teal — the color of shallow lagoons.
• Deep Forest (#222F2F): a grounded near-black with real depth.

Feels like: Nature, Growth, Sophistication. Tagged scandi, muted, light.

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

• Lagoon Terrace color palette (#EEF7F8, #D3DBE1, #B4C0CC, #3B846C, #3E4A4B)
• Aged Archive color palette (#ECF3F9, #D7D4E6, #B5B5CA, #396B85, #16222A)
• Muted Quarry color palette (#E7F6F2, #7AC5A8, #2B8389, #375E55, #0D2D2F)
• Washed Parlor color palette (#DDEBEC, #88A5B1, #677F95, #004130, #000606)
• Antique Lagoon Harbor color palette (#D4ECF2, #008683, #1D3345, #05191E, #020807)
• Wandering Powder color palette (#CAF6F1, #8ABECD, #7A8AA3, #65505C, #482F3E)
• Navy Boulevard color palette (#DDE3EA, #ACB3C6, #8E89A8, #004773, #010C18)
• Muted Workshop color palette (#FCEBFF, #49B47E, #277399, #6C313D, #0B272C)

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