Lagoon Harbor color palette — #FAF3F7 · #D6D4E0 · #BBBFE6 · #5FA18F · #424D66

Eucalyptus and Lavender set the tone — five colors that lean into sophistication and softness.

The five colors

• Ivory (#FAF3F7): bright and airy, almost weightless.
• Silver (#D6D4E0): bright and airy, almost weightless.
• Lavender (#BBBFE6): A luminous, dusty violet — the color of a velvet chair.
• Eucalyptus (#5FA18F): A luminous, dusty teal — the color of shallow lagoons.
• Charcoal Brown (#424D66): A full-bodied, dusty violet — the color of twilight just after sunset.

Feels like: Sophistication, Softness, Clarity. 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

• Aged Teal color palette (#F8F5EF, #CDE6E4, #99CEF1, #48B5B7, #614963)
• Tempered Stone Lantern color palette (#EAF8FF, #DBDAE5, #99C8CD, #B6ACA4, #415161)
• Softworn Boulevard color palette (#ECF7FF, #CBDDFC, #F8BCA5, #55A5C9, #5C3950)
• Muted Azure color palette (#EEF4EF, #D2DDF1, #62A5CD, #2B787A, #273849)
• Ancient Summit color palette (#ECF9ED, #BCE6E6, #9BB79E, #8D7080, #2E4440)
• Wandering Denim Dune color palette (#EBDAE1, #79AAC3, #1D50A4, #002C27, #010008)
• Powder Market color palette (#ECF7FF, #92D5FD, #E1AE91, #C99477, #273B4A)
• Airy Cobalt color palette (#FFF0FA, #9AD7E8, #2080C4, #00533F, #060035)

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