Lagoon Harbor color palette — #EEF3EE · #CFDAD8 · #AAC3C0 · #1A8584 · #282E28

Teal and Stone set the tone — five colors that lean into sophistication.

The five colors

• Cream (#EEF3EE): bright and airy, almost weightless.
• Silver (#CFDAD8): a clean, paper-quiet neutral.
• Stone (#AAC3C0): A luminous, dusty teal — the color of shallow lagoons.
• Teal (#1A8584): A full-bodied, balanced teal — the color of shallow lagoons.
• Onyx (#282E28): quiet, heavy and certain.

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

• Ancient Drift color palette (#EDF7F9, #D5DCE8, #BCC0D2, #497E87, #404A4C)
• Petrol Terrace color palette (#EAF5F2, #E6D5DA, #D5B3CC, #2F6EAA, #192925)
• Olive Boulevard color palette (#F5F2E4, #A6BC8E, #578249, #4D5D17, #292817)
• Aged Abyss color palette (#E7F0E9, #90A698, #5F8674, #003E44, #000601)
• Denim Bloom color palette (#ECF4EF, #C1DBCE, #7DB3D7, #00667A, #091F13)
• Muted Cerulean Quarry color palette (#D6F4E8, #C3AAC3, #7B87B6, #764E50, #452B29)
• Antique Petrol color palette (#F0F4E3, #4DABBE, #0074A2, #543670, #0C291B)
• Antique Aqua Grove color palette (#E8F6ED, #59F0EC, #1DD9F4, #2A9CD7, #062A19)

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