Lagoon Harbor color palette — #F0FADA · #8DC3AC · #2C9C8D · #007675 · #36563F

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

The five colors

• Custard (#F0FADA): A whisper-light, dusty green — the color of new leaves after rain.
• Mint Leaf (#8DC3AC): A luminous, dusty teal — the color of shallow lagoons.
• Fern (#2C9C8D): A luminous, balanced teal — the color of sea glass.
• Teal (#007675): A full-bodied, balanced teal — the color of shallow lagoons.
• Deep Olive (#36563F): A full-bodied, dusty teal — the color of sea glass.

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

• Washed Chapel color palette (#E5FCE9, #AFD3B2, #3B969B, #005D61, #003D43)
• Timeworn Pine color palette (#FFF5D7, #AFBE8A, #678E55, #327643, #4C4E47)
• Muted Cypress Meadow color palette (#EFF8ED, #7EBEB8, #C8828A, #00847E, #694137)
• Petrol Delta color palette (#DDFCE3, #7ABCD1, #3E90B2, #216C9A, #60435F)
• Weathered Lagoon Grove color palette (#ECFAEA, #F2D4F6, #C9E2E1, #639989, #415145)
• Ancient Bronze Archive color palette (#E9FBE9, #4FA8A9, #9E79AE, #9B6C17, #354836)
• Chalky Turquoise color palette (#C4ECF0, #29ADC9, #007798, #00537F, #143B65)
• Worn Lantern color palette (#DBF1F5, #008CAD, #004D6F, #002E5B, #01105E)

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