Lagoon Harbor color palette — #EFF7F7 · #D5DCE3 · #BABFD1 · #3E8464 · #394C4C

Fern and Ash set the tone — five colors that lean into sophistication.

The five colors

• Ivory (#EFF7F7): bright and airy, almost weightless.
• Silver (#D5DCE3): a clean, paper-quiet neutral.
• Ash (#BABFD1): A luminous, dusty violet — the color of a velvet chair.
• Fern (#3E8464): A full-bodied, balanced teal — the color of sea glass.
• Charcoal (#394C4C): A full-bodied, dusty teal — the color of shallow lagoons.

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

• Lagoon Field color palette (#F0F3ED, #CFDBD6, #AAC4BF, #45836D, #292E24)
• Patina Loft color palette (#E1FDF1, #96BEB7, #6791A0, #536F51, #4D5129)
• Muted Cypress color palette (#ECF8FA, #C6D5DE, #91A8CD, #006960, #123940)
• Timeworn Cypress color palette (#D5E9EE, #008282, #233443, #04232B, #060F13)
• Timeworn Abyss Alley color palette (#D4E1E3, #9CACB4, #69829C, #004234, #00181A)
• Timeworn Navy color palette (#E2E9EF, #B5B8C4, #9089A8, #00467B, #112030)
• Frosted Cocoa color palette (#FFF0FA, #7CA474, #00768C, #852B14, #0D4649)
• Soft Alley color palette (#E5FAFD, #D5E28F, #00DCD2, #5592F3, #054A54)

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