Lagoon Harbor color palette — #FCF3EF · #C5F2EC · #8DB7D6 · #5F937C · #614A5C

Built around Fern, softened by Sky — the whole palette hums with trust and stability.

The five colors

• Ivory (#FCF3EF): bright and airy, almost weightless.
• Honeydew (#C5F2EC): A whisper-light, dusty teal — the color of shallow lagoons.
• Sky (#8DB7D6): A luminous, dusty blue — the color of open sky before noon.
• Fern (#5F937C): A luminous, dusty teal — the color of sea glass.
• Charcoal Brown (#614A5C): A full-bodied, dusty pink — the color of a candy shop window.

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

• Timeworn Ash Alley color palette (#FFF0FD, #E7D6DE, #9EB0C5, #759BAC, #58484F)
• Periwinkle Grove color palette (#FFF0FA, #9AAAFF, #A5AA6F, #84946E, #4E3C48)
• Aged Cypress color palette (#EEF7F6, #D2DDEE, #789FB5, #3B7A7C, #3A5668)
• Hushed Periwinkle Quarry color palette (#D6FCE5, #8CCBFF, #8699DC, #746D97, #684750)
• Hushed Powder color palette (#FFF0FB, #B0C1FF, #BDB377, #7D8AB8, #504D46)
• Muted Turquoise Boulevard color palette (#FEF2EF, #92E5E6, #4FA1BF, #447A4E, #483149)
• Ultramarine Boulevard color palette (#FFECDE, #57ADD3, #2564B9, #004B42, #130837)
• Cornflower Balcony color palette (#FAECDE, #9CCAEF, #6A80D5, #006C6C, #342250)

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