Lagoon Harbor color palette — #F8EDE7 · #4B8C91 · #004356 · #002317 · #000A17

Storm Blue and Deep Teal set the tone — five colors that lean into trust and stability.

The five colors

• Cream (#F8EDE7): bright and airy, almost weightless.
• Storm Blue (#4B8C91): A full-bodied, dusty blue — the color of open sky before noon.
• Deep Teal (#004356): A deep, shadowed, dusty blue — the color of a favorite pair of jeans.
• Onyx (#002317): A deep, shadowed, dusty teal — the color of shallow lagoons.
• Ink (#000A17): A deep, shadowed, dusty blue — the color of deep harbor water.

Feels like: Trust, Stability, Calm, 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

• Dusty Delta color palette (#EFE1D6, #5D8C7A, #003A78, #002223, #06002B)
• Denim Canyon color palette (#E8E9DF, #5D9FA4, #006470, #003C38, #000B10)
• Muted Turquoise Terrace color palette (#F3E6F0, #3CB4BA, #00819F, #006043, #000A16)
• Worn Pine color palette (#D7F6E1, #007B53, #00381C, #1F262E, #000D04)
• Muted Basin color palette (#E9DDD2, #7CA3C4, #314FA9, #003D44, #20124A)
• Twilit Field color palette (#E2E5CF, #25711E, #560050, #042902, #10000E)
• Airy Petrol Coast color palette (#F9EBE3, #85BACE, #006DAD, #00504B, #172860)
• Inked Chestnut Orchard color palette (#E9DED1, #6A5806, #3E2600, #210800, #030400)

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