Lagoon Harbor color palette — #FAF4F0 · #C8EAD4 · #65BCF2 · #00A28E · #253A5D

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

The five colors

• Ivory (#FAF4F0): bright and airy, almost weightless.
• Celadon Mist (#C8EAD4): A whisper-light, dusty teal — the color of shallow lagoons.
• Sky (#65BCF2): A luminous, balanced blue — the color of a favorite pair of jeans.
• Fern (#00A28E): A luminous, balanced teal — the color of shallow lagoons.
• Navy (#253A5D): A deep, shadowed, dusty violet — the color of a velvet chair.

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

• Wandering Turquoise Hollow color palette (#FAF4EE, #C9E4E6, #9EBEF4, #00ACB7, #5C3C50)
• Frosted Turquoise Station color palette (#D7EBE4, #49D0CF, #00A9C0, #0085AF, #05416D)
• Periwinkle Archive color palette (#F6EDE4, #B1D8FA, #7BA0FC, #008F9E, #2D2359)
• Teal Harbor color palette (#E4FCED, #DCDFF7, #E2C5FF, #38C2BA, #1A4538)
• Linen Apricot Bloom color palette (#DCF6E6, #54D1F1, #FA9061, #00A2C1, #592205)
• Powdered Cobalt color palette (#F1E7E1, #70AABF, #007ABF, #005E57, #01002F)
• Azure Coast color palette (#D9FFF1, #94D7FF, #2EB1E8, #007EA6, #002534)
• Gentle Azure Terrace color palette (#F4E6DC, #94C9DF, #2897EF, #007D79, #0D1356)

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