Patina Lagoon color palette — #F9F3F7 · #D6D4E1 · #8EC0F2 · #03987C · #373B60

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

The five colors

• Ivory (#F9F3F7): bright and airy, almost weightless.
• Silver (#D6D4E1): a clean, paper-quiet neutral.
• Sky (#8EC0F2): A luminous, balanced blue — the color of open sky before noon.
• Fern (#03987C): A luminous, balanced teal — the color of shallow lagoons.
• Navy (#373B60): A deep, shadowed, dusty violet — the color of a velvet chair.

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

• Washed Jade color palette (#F8F3F8, #D2D5E5, #95D7EF, #719F75, #3C4F64)
• Antique Periwinkle Station color palette (#FAF3F6, #D8D4DF, #86A3EE, #007F7C, #31274B)
• Patina Cypress Drift color palette (#FBF3EF, #ADE7FB, #698EB4, #24715F, #573F4F)
• Chalky Hollow color palette (#E3FBFB, #97E8C5, #EE9ECB, #00A276, #502A40)
• Dusty Denim Summit color palette (#EEE1EC, #6BAFB7, #005C80, #002D19, #000109)
• Mustard Hollow color palette (#DEFCFE, #D7DFEB, #B1B665, #B7ACAF, #32515A)
• Worn Ultramarine Cabin color palette (#F6EAF0, #88BFDD, #3162BF, #003E39, #030010)
• Tempered Bronze color palette (#ECF9EF, #BCE8D9, #AE9D6C, #8E5E3A, #113936)

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