Patina Lagoon Harbor color palette — #F9F3FA · #D2D5E6 · #75C8E2 · #5C915B · #27415B

Fern and Sky set the tone — five colors that lean into nature and growth.

The five colors

• Ivory (#F9F3FA): bright and airy, almost weightless.
• Silver (#D2D5E6): A whisper-light, dusty violet — the color of a velvet chair.
• Sky (#75C8E2): A luminous, balanced blue — the color of a favorite pair of jeans.
• Fern (#5C915B): A luminous, balanced green — the color of fresh herbs.
• Navy (#27415B): A deep, shadowed, dusty blue — the color of deep harbor water.

Feels like: Nature, Growth, Trust, Stability, Sophistication. Tagged coastal, cool, light, muted.

Use it as a design system

One click turns Patina 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

• Washed Lagoon color palette (#FBF2F6, #D8D4DE, #A2B9F3, #039591, #393D5A)
• Weathered Canyon color palette (#F9F4ED, #BFEEDF, #5DD1DE, #5EAA8B, #30503F)
• Cerulean Hollow color palette (#EBF5ED, #B8E5F0, #4A9BA5, #336B55, #15303D)
• Washed Bronze Alley color palette (#E7FBF0, #C1E6DD, #A7A064, #8F5F25, #0B3939)
• Wandering Moss color palette (#F6F3FF, #E0A2DF, #8BBA75, #70A259, #2D263F)
• Pale Summit color palette (#FCF1F9, #D3D9F6, #10A2F6, #007557, #14195C)
• Hushed Petrol Station color palette (#F5EAF4, #7AC5CC, #007198, #004122, #00020D)
• Worn Denim Quarry color palette (#ECDFE5, #82A7C4, #2E4DA2, #002B29, #020008)

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