Lagoon Harbor color palette — #E9F9F9 · #4FA383 · #8E7399 · #814F55 · #2D4142

Built around Jade, softened by Coffee — the whole palette hums with sophistication.

The five colors

• Ivory (#E9F9F9): a clean, paper-quiet neutral.
• Jade (#4FA383): A luminous, balanced teal — the color of glacier melt.
• Slate Blue (#8E7399): A full-bodied, dusty pink — the color of peonies in June.
• Coffee (#814F55): A full-bodied, dusty red — the color of a theater curtain.
• Charcoal (#2D4142): A deep, shadowed, dusty teal — the color of sea glass.

Feels like: Sophistication. Tagged 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

• Turquoise Meadow color palette (#EAF8FE, #49A7B5, #786693, #744638, #1C4C43)
• Worn Terracotta color palette (#E5F6F7, #5CA590, #7D7CB0, #8F4540, #0D272A)
• Bronze Quarry color palette (#EFF9EB, #77BAAD, #8F96D1, #A76755, #364131)
• Tempered Cerulean color palette (#ECF7FF, #128CBC, #995E5F, #6E4B09, #213543)
• Cerulean Lantern color palette (#EEF7F9, #D6DAE1, #B2AAB0, #5E8A96, #495558)
• Softworn Archive color palette (#E3FAFF, #008881, #9D378B, #802800, #003330)
• Softworn Navy color palette (#E4FAFF, #8BC8CE, #468CA3, #2E638B, #2C4579)
• Cypress Dune color palette (#EDF7F8, #93CCD1, #5782A7, #157F68, #252F39)

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