Lagoon Harbor color palette — #F3F4FF · #CDB8ED · #BFAD7F · #5C906C · #2F3042

Built around Fern, softened by Lavender — the whole palette hums with nature and growth.

The five colors

• Ivory (#F3F4FF): bright and airy, almost weightless.
• Lavender (#CDB8ED): A luminous, dusty violet — the color of wild irises.
• Camel (#BFAD7F): A luminous, dusty gold — the color of old brass.
• Fern (#5C906C): A luminous, dusty teal — the color of shallow lagoons.
• Deep Teal (#2F3042): A deep, shadowed, dusty violet — the color of a velvet chair.

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

• Mallow Loft color palette (#F9F2FF, #F5A9CB, #9AB894, #528D90, #372D3E)
• Mallow Corridor color palette (#F8F2FE, #F8B3D9, #B6936A, #497759, #133C55)
• Lilac Archive color palette (#F4F4FC, #E6D8E0, #DF9B89, #AA8BC2, #271923)
• Aged Delta color palette (#F6F4FB, #E0D7DC, #BAB5AB, #BB9EB8, #4E4C54)
• Hushed Fuchsia Canyon color palette (#F6F3FF, #EA8EF0, #7B8C0E, #007965, #1E1533)
• Worn Turquoise Pier color palette (#E9F5EE, #2EA4C1, #5F9163, #12697D, #18261E)
• Aged Grove color palette (#FFEFFF, #EBD3D4, #E39FB1, #AA6261, #6E2B16)
• Tempered Bronze color palette (#FEF1F6, #9B82BE, #957C33, #406B45, #48383E)

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