Lagoon Field color palette — #FAF3F0 · #C1E9E2 · #5CB0D5 · #008F71 · #2B4A6A

Fern and Cyan set the tone — five colors that lean into trust and stability.

The five colors

• Ivory (#FAF3F0): a clean, paper-quiet neutral.
• Honeydew (#C1E9E2): A whisper-light, dusty teal — the color of shallow lagoons.
• Cyan (#5CB0D5): A luminous, balanced blue — the color of a favorite pair of jeans.
• Fern (#008F71): A full-bodied, balanced teal — the color of glacier melt.
• Navy (#2B4A6A): A full-bodied, dusty blue — the color of deep harbor water.

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

Use it as a design system

One click turns Lagoon Field 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 Station color palette (#FAF4EF, #C4E5E7, #89A6D2, #008B91, #5A3D50)
• Patina Pier color palette (#F5F6EE, #BDEBE3, #7BCBDF, #50A9A7, #2E5040)
• Ancient Denim Courtyard color palette (#F4E6DE, #59A19E, #006374, #003E21, #000B14)
• Petrol Ridge color palette (#F3E3DA, #70ACBE, #006DA2, #004B42, #000D3E)
• Muted Thicket color palette (#F7ECE7, #A7D0B5, #0091CA, #006E5D, #0C2D58)
• Ancient Summit color palette (#FFF0F8, #A49ADC, #C78A3A, #819000, #4C2C3D)
• Hazy Thicket color palette (#C0F0D8, #8BBDEC, #6790DF, #6960BC, #4B3B61)
• Ancient Chestnut Balcony color palette (#FFF3E8, #CFBA9D, #AF8566, #955547, #403D36)

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