Lagoon Harbor color palette — #FAF4EF · #C9E8DB · #81B5F4 · #00A0A0 · #30375D

Cerulean and Sky set the tone — five colors that lean into trust and stability.

The five colors

• Ivory (#FAF4EF): a clean, paper-quiet neutral.
• Honeydew (#C9E8DB): A whisper-light, dusty teal — the color of shallow lagoons.
• Sky (#81B5F4): A luminous, balanced blue — the color of a favorite pair of jeans.
• Cerulean (#00A0A0): A luminous, balanced teal — the color of sea glass.
• Navy (#30375D): A deep, shadowed, dusty violet — the color of a velvet chair.

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

• Sunlit Courtyard color palette (#FFF2EC, #A6E5F6, #33B6FC, #009987, #002D73)
• Tempered Summit color palette (#EDF8F7, #BAD9EF, #449ED6, #00798F, #183D5D)
• Worn Teal Balcony color palette (#FAF4EF, #C8DDE6, #A0CCF6, #5FB3AD, #604A5C)
• Hazy Iris Villa color palette (#EDE3D9, #9EC5E4, #678FE3, #007B87, #1E1349)
• Cobalt Market color palette (#F7EDE4, #79A7C5, #3F73C3, #005C61, #07002A)
• Cobalt Atelier color palette (#F9EEF3, #90D1F2, #557FAF, #005B5B, #141F39)
• Muted Cerulean color palette (#E8DCD7, #73BEC7, #0090B9, #007055, #00152A)
• Moss Studio color palette (#F3EFDD, #C2C667, #CFA5FF, #8B8D00, #41265B)

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