Lagoon Pier color palette — #E8FAF6 · #AFDDC1 · #479B88 · #406A7A · #002F2F

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

The five colors

• Ivory (#E8FAF6): a clean, paper-quiet neutral.
• Mint (#AFDDC1): A whisper-light, dusty teal — the color of shallow lagoons.
• Fern (#479B88): A luminous, balanced teal — the color of shallow lagoons.
• Graphite (#406A7A): A full-bodied, dusty blue — the color of open sky before noon.
• Deep Forest (#002F2F): 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 Pier 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

• Ancient Taupe color palette (#EFF8F1, #B2ECED, #90A872, #587B92, #223F33)
• Washed Sky Meadow color palette (#EFF8F0, #D8D6E2, #68AEDF, #007E83, #102E53)
• Softworn Emerald color palette (#DAFFEF, #A7D383, #009745, #295A8E, #122400)
• Washed Teal Orchard color palette (#E4FBF8, #4DB896, #006F68, #004352, #000A0B)
• Aged Market color palette (#F7F2E0, #82AD83, #007566, #1E5143, #1B1E05)
• Muted Ridge color palette (#DBEEEA, #378E5A, #004738, #111442, #000200)
• Washed Lilac color palette (#F2F4FF, #AF90FB, #D07F41, #00937B, #151835)
• Pale Villa color palette (#C9EBD7, #839939, #1D5D00, #002E49, #010100)

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