Lagoon Harbor color palette — #F9F4EF · #C7E9DF · #9FADF0 · #009FA4 · #442E5D
A conversation between Cerulean and Lavender, giving this palette its sense of creativity and sophistication.
The five colors
- Ivory (#F9F4EF): a clean, paper-quiet neutral.
- Honeydew (#C7E9DF): A whisper-light, dusty teal — the color of glacier melt.
- Lavender (#9FADF0): A luminous, balanced violet — the color of a velvet chair.
- Cerulean (#009FA4): A luminous, balanced teal — the color of shallow lagoons.
- Royal Purple (#442E5D): A deep, shadowed, balanced violet — the color of wild irises.
Feels like: Creativity, 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
- Weathered Jade Terrace color palette (#FBF3F0, #C7E7E2, #8BC6EA, #5AAB83, #5A3C56)
- Lagoon Harbor color palette (#F5EDE9, #B9DDC6, #5DACE7, #00956F, #202956)
- Hushed Periwinkle Workshop color palette (#FBF4EA, #C5E3F8, #7CA6EF, #007B97, #402338)
- Feathered Blush color palette (#E3F4E3, #57D4D6, #F38CA8, #00A6A8, #5D1830)
- Pine Garden color palette (#F3E9E6, #8CCDCF, #00A0CE, #00833D, #001E44)
- Hushed Balcony color palette (#F9EEF2, #A0CDF2, #6777B8, #005B5C, #1C1C3C)
- Antique Jade Bloom color palette (#EBFAE9, #D1E2FC, #E1BBE9, #80AE6B, #2B4A34)
- Patina Teal Market color palette (#E1EED5, #7AD19F, #00B79E, #00838B, #004058)
Browse the whole catalog at Explore, or see today's palette.