Lagoon Harbor color palette — #DFEDE1 · #488B7A · #2A5E74 · #332900 · #001905

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

The five colors

• Honeydew (#DFEDE1): A whisper-light, dusty green — the color of new leaves after rain.
• Fern (#488B7A): A full-bodied, dusty teal — the color of shallow lagoons.
• Peacock (#2A5E74): A full-bodied, dusty blue — the color of deep harbor water.
• Espresso (#332900): A deep, shadowed, dusty green — the color of new leaves after rain.
• Ink (#001905): A deep, shadowed, dusty green — the color of new leaves after rain.

Feels like: Nature, Growth, Trust, Stability, Sophistication. Tagged vintage, retro, 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

• Weathered Navy Grove color palette (#DEEDDE, #40838D, #464483, #1F3300, #021700)
• Hushed Bronze Study color palette (#F1EBD6, #928038, #005A51, #4F1A00, #181300)
• Washed Meadow color palette (#DBEADF, #6688AA, #4B5081, #5E2B1F, #392306)
• Tempered Denim Courtyard color palette (#EDDED9, #83A789, #006082, #003C1F, #000923)
• Softworn Abyss color palette (#BFEDD6, #C39BB0, #906C68, #04545D, #0D311A)
• Twilit Workshop color palette (#CBF1ED, #415D81, #482955, #001A15, #000504)
• Patina Forest Summit color palette (#EADFD0, #767E46, #005222, #003037, #070900)
• Worn Azure color palette (#DFF5EC, #54A2CE, #796A9D, #5E4520, #122D14)

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