Lagoon Harbor color palette — #E7F1E4 · #00978A · #294138 · #1A2018 · #0C0D08

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

The five colors

• Cream (#E7F1E4): A whisper-light, dusty green — the color of fresh herbs.
• Fern (#00978A): A luminous, balanced teal — the color of glacier melt.
• Forest (#294138): A deep, shadowed, dusty teal — the color of shallow lagoons.
• Onyx (#1A2018): quiet, heavy and certain.
• Ink (#0C0D08): quiet, heavy and certain.

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

Use it as a design system

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

• Cerulean Summit color palette (#E2F2EB, #198EBD, #473541, #16211D, #0A0E0A)
• Timeworn Teal Canyon color palette (#E0F7FB, #53ADA3, #495B66, #2D3B3E, #1B2323)
• Petrol Corridor color palette (#CDEAD3, #007985, #102A49, #011507, #020400)
• Dusty Turquoise Pier color palette (#E0F9E8, #2EADC6, #B88045, #966F49, #1B2C21)
• Aqua Ridge color palette (#E9F6EC, #63C3D5, #C98C63, #1A7F8F, #36302B)
• Chestnut Basin color palette (#F3F2EA, #A0D0B5, #6E8C6D, #6D6213, #293700)
• Aqua Coast color palette (#DFEFCB, #57C5C5, #2B92AC, #315A78, #40293D)
• Olive Boulevard color palette (#F8F0EB, #C2EBE7, #7AA1C3, #597638, #422F3D)

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