Lagoon Harbor color palette — #F6D6E3 · #00957F · #005F87 · #552C00 · #001B1C

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

The five colors

• Shell Pink (#F6D6E3): A whisper-light, dusty rose — the color of pressed rose petals.
• Fern (#00957F): A full-bodied, balanced teal — the color of glacier melt.
• Peacock (#005F87): A full-bodied, balanced blue — the color of deep harbor water.
• Espresso (#552C00): A deep, shadowed, dusty gold — the color of honey in a jar.
• Ink (#001B1C): A deep, shadowed, dusty teal — the color of shallow lagoons.

Feels like: Trust, Stability, Optimism, Balance. Tagged 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

• Dusty Emerald color palette (#FFE2F7, #2E974D, #00646F, #6E0018, #001C14)
• Navy Drift color palette (#EEE6CB, #008282, #004B8B, #3A2700, #000E12)
• Chalky Nightshade Ridge color palette (#C6E9EC, #00896B, #323CBE, #571F00, #00160F)
• Dusty Cocoa color palette (#CDEDEC, #54A1A2, #476F96, #6A3800, #2C2A00)
• Nocturne Villa color palette (#D3ECF9, #006C80, #29252D, #002449, #000B12)
• Muted Bloom color palette (#CFEEE5, #006D8E, #3C1A95, #1F2200, #00030B)
• Dusty Aubergine color palette (#E2E9CF, #007383, #00425E, #350056, #001A21)
• Patina Pine color palette (#E4F5E7, #919859, #297314, #00514B, #1B1D00)

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