Lagoon Lagoon color palette — #ECF5EB · #208E8B · #2C423B · #222C21 · #111712

Fern and Forest set the tone — five colors that lean into sophistication.

The five colors

• Cream (#ECF5EB): a clean, paper-quiet neutral.
• Fern (#208E8B): A full-bodied, balanced teal — the color of sea glass.
• Forest (#2C423B): A deep, shadowed, dusty teal — the color of shallow lagoons.
• Onyx (#222C21): A deep, shadowed, dusty green — the color of a quiet forest floor.
• Ink (#111712): quiet, heavy and certain.

Feels like: Sophistication. Tagged noir, dark, luxury, muted.

Use it as a design system

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

• Worn Teal color palette (#EAF6EA, #49ADAD, #465F51, #2F3C2F, #1F231D)
• Dusty Aqua color palette (#E8F4F8, #53CDC7, #657F94, #45585D, #1D2323)
• Velvet Petrol Hollow color palette (#DBF7E4, #007588, #142950, #031E0F, #000A05)
• Hushed Cobalt Summit color palette (#EEDFEE, #4070BA, #422A33, #261A26, #081413)
• Deep Spruce Pier color palette (#DBECDE, #4B4C55, #00353A, #0A181B, #00040E)
• Washed Azure Field color palette (#E3FCF1, #55A2C9, #AD7E55, #806F3C, #2F493E)
• Olive Pier color palette (#F6F6EA, #B7C7A8, #698B6F, #6D691D, #3C5717)
• Cypress Villa color palette (#FBF3EF, #CAE8E7, #AB8DAD, #447A6E, #624A59)

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