Lagoon Harbor color palette — #CEECF0 · #008A74 · #443C39 · #00283B · #000506

Fern and Midnight set the tone — five colors that lean into sophistication.

The five colors

• Frost (#CEECF0): A whisper-light, dusty blue — the color of a favorite pair of jeans.
• Fern (#008A74): A full-bodied, balanced teal — the color of shallow lagoons.
• Charcoal (#443C39): a grounded near-black with real depth.
• Midnight (#00283B): A deep, shadowed, dusty blue — the color of open sky before noon.
• Ink (#000506): quiet, heavy and certain.

Feels like: Sophistication. Tagged noir, dark, luxury, 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

• Cellar Courtyard color palette (#D2EAF1, #008886, #00283F, #0F0F15, #000507)
• Shadow Cabin color palette (#C0E7EC, #006455, #38373E, #001F21, #000708)
• Weathered Lagoon Bloom color palette (#D7E4D1, #00A28B, #005F66, #26351D, #030501)
• Turquoise Boulevard color palette (#E8F8FF, #00B2C5, #37485B, #08222B, #010707)
• Moonless Olive color palette (#D2ECE5, #5D8500, #002C23, #080F15, #020500)
• Frosted Teal Orchard color palette (#BFF9D2, #15CCBA, #008489, #004F67, #00203E)
• Tempered Thicket color palette (#E3FCF2, #93CAA2, #008980, #505700, #001F0B)
• Azure Meadow color palette (#FCF2FA, #C4EDFF, #379BD8, #006D4C, #0D1947)

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