Lagoon Harbor color palette — #FBF3EF · #C3DFEA · #B9BFEA · #64A08D · #5B4555

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

The five colors

• Ivory (#FBF3EF): a clean, paper-quiet neutral.
• Powder Blue (#C3DFEA): A whisper-light, dusty blue — the color of deep harbor water.
• Lavender (#B9BFEA): A luminous, dusty violet — the color of wild irises.
• Eucalyptus (#64A08D): A luminous, dusty teal — the color of sea glass.
• Charcoal Brown (#5B4555): A full-bodied, dusty pink — the color of neon signs at night.

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

• Weathered Mallow color palette (#F0F8EA, #B1F7E0, #EFB7E5, #5CAB94, #5E3B3F)
• Softworn Thicket color palette (#F9F3F7, #D6E0F2, #6A9ECE, #357E68, #495268)
• Worn Archive color palette (#FDF3EA, #D9D5E1, #8BABFF, #008884, #3A2860)
• Veil Alley color palette (#F3F8E6, #B7E4EE, #E8D4CF, #CCC19E, #454F41)
• Timeworn Teal Hollow color palette (#FFF5D9, #D3F0B7, #7CBB90, #3E8F80, #33523C)
• Dusty Denim Dune color palette (#E9DDD4, #79AAC1, #0F51A4, #002C26, #010009)
• Timeworn Corridor color palette (#FDF4E4, #D3E1C6, #BEAC8D, #A36C3C, #3E4400)
• Aged Teal color palette (#EBFCDD, #C4EDF4, #75C6B8, #25776A, #002E23)

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