Lagoon Harbor color palette — #F5F6EF · #CEE3CB · #0F9DA2 · #007360 · #305039

Cerulean takes the lead with Teal close behind in a set that reads as nature and growth at first glance.

The five colors

• Ivory (#F5F6EF): a clean, paper-quiet neutral.
• Celadon Mist (#CEE3CB): A whisper-light, dusty green — the color of fresh herbs.
• Cerulean (#0F9DA2): A luminous, balanced teal — the color of glacier melt.
• Teal (#007360): A full-bodied, balanced teal — the color of shallow lagoons.
• Deep Olive (#305039): A deep, shadowed, dusty teal — the color of shallow lagoons.

Feels like: Nature, Growth, Sophistication. Tagged coastal, cool, light, 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

• Patina Lantern color palette (#F4F6EF, #C1E6D6, #3992CC, #006D84, #2B5047)
• Patina Lagoon color palette (#E2E4D6, #559DA2, #00535E, #00302D, #00171E)
• Worn Corridor color palette (#EFF0E2, #9BBB9C, #007680, #005048, #00343E)
• Washed Turquoise color palette (#FAF2F8, #BAEFFC, #58B4C5, #558865, #334B5C)
• Aged Grape Study color palette (#FFF1F6, #AD90D0, #009BAC, #774FA0, #094B54)
• Timeworn Garden color palette (#FAF5E8, #A8AB7F, #7B7434, #5E5122, #3E3D36)
• Shell Harbor color palette (#FFF1F3, #E3D7D1, #F9ACC3, #9378A0, #62494B)
• Softworn Coast color palette (#F2F8E9, #A8D3FA, #007EEC, #006184, #273F6A)

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