Patina Lagoon color palette — #DDF0F1 · #008E66 · #004676 · #00412D · #000104

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

The five colors

• Frost (#DDF0F1): A whisper-light, dusty blue — the color of open sky before noon.
• Fern (#008E66): A full-bodied, balanced teal — the color of sea glass.
• Navy (#004676): A deep, shadowed, balanced blue — the color of deep harbor water.
• Forest (#00412D): A deep, shadowed, dusty teal — the color of glacier melt.
• Black (#000104): A deep, shadowed, dusty blue — the color of a favorite pair of jeans.

Feels like: Trust, Stability, Calm, Sophistication. Tagged duotone, muted, cool.

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

• Dusty Drift color palette (#D5E7E3, #4F8B00, #004C5B, #214000, #000103)
• Frosted Nightshade color palette (#CDE5EC, #008A8C, #0C29B3, #003F40, #000106)
• Muted Onyx Harbor color palette (#F8ECD6, #007472, #00415B, #3E001A, #000708)
• Hushed Ultramarine color palette (#DCF2F9, #00A9AE, #222FF2, #00585A, #010019)
• Abyss Garden color palette (#DBE5E7, #9FB8C1, #7492A5, #004F49, #000D11)
• Charred Aubergine color palette (#DDF1FC, #006278, #390065, #00232C, #01000A)
• Aubergine Corridor color palette (#CDE5EE, #006569, #390090, #38000D, #040300)
• Aubergine Alley color palette (#DBE6F1, #0096E1, #870B93, #004B74, #03010B)

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