Patina Lagoon color palette — #FCF3EF · #CAE9D3 · #5FBDEE · #00A388 · #223B5C

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

The five colors

• Ivory (#FCF3EF): bright and airy, almost weightless.
• Celadon Mist (#CAE9D3): A whisper-light, dusty teal — the color of sea glass.
• Cyan (#5FBDEE): A luminous, balanced blue — the color of open sky before noon.
• Fern (#00A388): A luminous, balanced teal — the color of glacier melt.
• Navy (#223B5C): A deep, shadowed, dusty blue — the color of deep harbor water.

Feels like: Trust, Stability, Calm, Balance. Tagged coastal, cool, light, muted.

Use it as a design system

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

• Worn Meadow color palette (#FBF3EE, #C7E6E8, #A0C0EC, #00ADB2, #404469)
• Softworn Turquoise Station color palette (#D8EBE4, #58D4CD, #00B1C2, #0080A2, #0A3E64)
• Muted Delta color palette (#F6EDE5, #ADD9FB, #78A3F4, #008F9A, #2A2656)
• Washed Station color palette (#F5F6EE, #D3D7E9, #00B8E0, #007E82, #0E3728)
• Amber Harbor color palette (#CCEEDF, #50BBED, #F87774, #DD7700, #003043)
• Soft Azure Harbor color palette (#FBEDE5, #88CBE4, #0699EE, #007E76, #091751)
• Hushed Coral color palette (#DDF6E7, #75CDE9, #FF897F, #00A1C4, #5E1A18)
• Hushed Cerulean color palette (#FAEDF7, #94D3E1, #2C85B0, #005D4D, #09213B)

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