Lagoon Harbor color palette — #F2F8E2 · #7CCFA8 · #008B6F · #26576C · #121C00

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

The five colors

• Cream (#F2F8E2): A whisper-light, dusty green — the color of a quiet forest floor.
• Mint Leaf (#7CCFA8): A luminous, balanced teal — the color of shallow lagoons.
• Fern (#008B6F): A full-bodied, balanced teal — the color of sea glass.
• Peacock (#26576C): A full-bodied, dusty blue — the color of open sky before noon.
• Ink (#121C00): A deep, shadowed, dusty green — the color of fresh herbs.

Feels like: Nature, Growth, Trust, Stability, Calm, Balance. Tagged botanical, earthy, muted, cool.

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

• Ancient Olive Loft color palette (#FDF5DF, #B8C36F, #668227, #1D5D53, #1E1800)
• Timeworn Lagoon color palette (#F0F9E3, #99E1CB, #1B9E90, #446D60, #202C16)
• Tempered Teal color palette (#E5E6D5, #87CC9F, #43A48B, #6A729A, #09311B)
• Weathered Forest color palette (#D1E7E2, #6D997C, #006450, #2D3462, #001616)
• Patina Garden color palette (#ECEED7, #348E54, #00482F, #2B1500, #010100)
• Antique Garnet Ridge color palette (#ECE4D2, #77975E, #006549, #65223B, #1B3006)
• Pale Emerald Balcony color palette (#FDF7D0, #9CD957, #2B9705, #874124, #132400)
• Azure Corridor color palette (#F3F7E9, #C8EBFF, #409AD5, #00677C, #001F3C)

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