Lagoon Harbor color palette — #ECF8F8 · #CAE0F3 · #B2C3DA · #2E9B79 · #334344
A conversation between Fern and Sky, giving this palette its sense of sophistication.
The five colors
- Ivory (#ECF8F8): a clean, paper-quiet neutral.
- Powder Blue (#CAE0F3): A whisper-light, dusty blue — the color of deep harbor water.
- Sky (#B2C3DA): A luminous, dusty blue — the color of a favorite pair of jeans.
- Fern (#2E9B79): A luminous, balanced teal — the color of sea glass.
- Charcoal (#334344): A deep, shadowed, dusty blue — the color of open sky before noon.
Feels like: Sophistication. Tagged scandi, muted, light.
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
- Cypress Alley color palette (#E4F1F3, #C1DDE6, #A6BBC6, #0F8473, #213133)
- Lagoon Meadow color palette (#C8E9F3, #00999B, #004D60, #012C36, #021517)
- Jade Drift color palette (#F2F7EC, #CEDED9, #A2B4CC, #00C18C, #324801)
- Ash Garden color palette (#EFF6FC, #DAD9E4, #B8ADB6, #839FB9, #4D5359)
- Denim Thicket color palette (#E4EDF3, #A6B6C5, #8696AF, #005C73, #011622)
- Aqua Summit color palette (#B9F4E7, #77D0E4, #6CA0CC, #8E5666, #5F4157)
- Seafoam Harbor color palette (#E2FAFF, #59FCA5, #00DBCF, #00A6DD, #003E41)
- Powdered Indigo Chapel color palette (#E1FBFF, #00B4A1, #4B6EDB, #8E285C, #422C00)
Browse the whole catalog at Explore, or see today's palette.