Lagoon Harbor color palette — #EFF8F0 · #CCE1DF · #A5B2CC · #009095 · #102C15

Cerulean and Deep Forest set the tone — five colors that lean into nature and growth.

The five colors

• Ivory (#EFF8F0): bright and airy, almost weightless.
• Silver (#CCE1DF): A whisper-light, dusty teal — the color of shallow lagoons.
• Ash (#A5B2CC): A luminous, dusty violet — the color of twilight just after sunset.
• Cerulean (#009095): A full-bodied, balanced teal — the color of shallow lagoons.
• Deep Forest (#102C15): A deep, shadowed, dusty green — the color of new leaves after rain.

Feels like: Nature, Growth, 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

• Aged Basin color palette (#EAF9F2, #EAD4D2, #B1A293, #0089B8, #102A21)
• Emerald Corridor color palette (#F4F7ED, #D0E2D8, #98CACF, #009748, #23270F)
• Ancient Villa color palette (#F0F8EF, #C3E1E1, #BAD1FF, #00AFA7, #273825)
• Worn Cypress Lantern color palette (#E2F6FB, #B6D9F0, #95ADD1, #006964, #081D22)
• Weathered Byzantium Bloom color palette (#E2FDEA, #00ACC6, #8739CE, #751600, #0E1500)
• Garnet Terrace color palette (#FFF4E2, #00C0D1, #0077C0, #860027, #001C25)
• Weathered Emerald Study color palette (#FCF5DE, #AFD092, #1A9744, #00675B, #132400)
• Antique Abyss color palette (#E2E8E5, #ABC0B9, #A487A1, #004354, #000201)

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