Lagoon Harbor color palette — #E7F5F1 · #99BF9D · #4C826C · #395D54 · #082E2B

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

The five colors

• Cream (#E7F5F1): a clean, paper-quiet neutral.
• Sage (#99BF9D): A luminous, dusty green — the color of new leaves after rain.
• Fern (#4C826C): A full-bodied, dusty teal — the color of shallow lagoons.
• Pine (#395D54): A full-bodied, dusty teal — the color of shallow lagoons.
• Deep Forest (#082E2B): A deep, shadowed, dusty teal — the color of glacier melt.

Feels like: Nature, Growth, Calm, Sophistication, Grounding. 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

• Patina Pine color palette (#DCFAED, #91B478, #148040, #005950, #142604)
• Teal Garden color palette (#B0EDDC, #40BCB6, #008D99, #005C6A, #002C3B)
• Washed Teal Ridge color palette (#E9FAF2, #B1EDE0, #67ADA1, #5C7F70, #213E3C)
• Patina Villa color palette (#F8F5EA, #ADB492, #308377, #6B5801, #404800)
• Washed Study color palette (#E4F5FF, #82C9E3, #0084A4, #004459, #001A23)
• Washed Balcony color palette (#CFEBE7, #188D69, #004F48, #003039, #000B05)
• Linen Canyon color palette (#E1F6FF, #47B5C6, #C57463, #00727F, #44170E)
• Olive Chapel color palette (#F6F6EC, #C1C9A4, #629E85, #7A742A, #404800)

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