Lagoon Harbor color palette — #FBF4ED · #C4E1F0 · #A1BBEE · #00968E · #40385F

Built around Fern, softened by Sky — the whole palette hums with creativity and sophistication.

The five colors

• Ivory (#FBF4ED): bright and airy, almost weightless.
• Powder Blue (#C4E1F0): A whisper-light, dusty blue — the color of a favorite pair of jeans.
• Sky (#A1BBEE): A luminous, dusty violet — the color of wild irises.
• Fern (#00968E): A luminous, balanced teal — the color of sea glass.
• Navy (#40385F): A deep, shadowed, dusty violet — the color of twilight just after sunset.

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

• Softworn Cypress color palette (#FCF2F6, #C1E1F9, #738AB6, #236F69, #404661)
• Washed Pine color palette (#FFF2EF, #C2E4E8, #5DB3D2, #0D8534, #092F55)
• Hushed Teal color palette (#E7FBF1, #E7D6D0, #A8A094, #5BAFAA, #50384F)
• Pale Cerulean color palette (#EBF9F3, #9FDEFF, #EBAD65, #0096CA, #4E310B)
• Cobalt Canyon color palette (#E7FDDB, #8BEEFE, #31A7DA, #2B6DBC, #313560)
• Tempered Cabin color palette (#FFF2ED, #9DD8DE, #0085B6, #005532, #00072F)
• Aged Denim color palette (#EEE4DE, #6DACC2, #005698, #002C23, #01000A)
• Ancient Workshop color palette (#F6ECE3, #91BBE4, #5356C5, #003D41, #05000D)

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