Lagoon Harbor color palette — #F1F7F0 · #D8F0B8 · #008883 · #274024 · #091209

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

The five colors

• Ivory (#F1F7F0): a clean, paper-quiet neutral.
• Celadon Mist (#D8F0B8): A whisper-light, dusty green — the color of fresh herbs.
• Teal (#008883): A full-bodied, balanced teal — the color of shallow lagoons.
• Forest (#274024): A deep, shadowed, dusty green — the color of new leaves after rain.
• Ink (#091209): A deep, shadowed, dusty green — the color of new leaves after rain.

Feels like: Nature, Growth, Sophistication. Tagged luxury, dark, 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

• Cerulean Studio color palette (#F0F7F3, #B2E6EC, #4391AE, #2F4E3F, #131E19)
• Antique Alley color palette (#E1F5EE, #009347, #3B3235, #001E30, #000103)
• Worn Canyon color palette (#EDF9F1, #FFC7AA, #54A2B4, #4B6C58, #1A241E)
• Denim Quarry color palette (#E8F4F8, #C9B07B, #006166, #002D38, #010F14)
• Dusty Chartreuse color palette (#E1FEEA, #8ADC67, #006372, #00232A, #000201)
• Periwinkle Lagoon color palette (#EEF8F2, #CBE1FF, #5C9FF7, #0098BF, #180E18)
• Quiet Cobalt color palette (#FEF0FF, #70F7B1, #006CC1, #002F5A, #0F0310)
• Linen Ember color palette (#F4F7EB, #6FB76A, #CE5F58, #885217, #211B06)

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