Patina Lagoon color palette — #FCF2F8 · #B6EAF8 · #62C1D6 · #509E70 · #133F56

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

The five colors

• Ivory (#FCF2F8): bright and airy, almost weightless.
• Powder Blue (#B6EAF8): A whisper-light, dusty blue — the color of deep harbor water.
• Cyan (#62C1D6): A luminous, balanced blue — the color of deep harbor water.
• Fern (#509E70): A luminous, balanced teal — the color of shallow lagoons.
• Deep Teal (#133F56): A deep, shadowed, dusty blue — the color of open sky before noon.

Feels like: Nature, Growth, 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

• Dusty Lagoon color palette (#FEF1F7, #C4E5FE, #8CB4EA, #009FA3, #323660)
• Softworn Cypress color palette (#EDF8F5, #D2E0ED, #56B8BB, #00816D, #00353B)
• Timeworn Summit color palette (#E6F9FF, #CEDBF2, #D3B8E1, #84B898, #264A58)
• Sunlit Blush color palette (#C2EDFB, #00C6CC, #F27A8B, #D67763, #00313D)
• Blush Field color palette (#DDF3FA, #59D4D6, #FB8993, #00A6A8, #591F26)
• Wandering Azure color palette (#EADCE6, #8FCCD1, #00A1CA, #00805E, #00213B)
• Hushed Petrol color palette (#EEDDE9, #52B1B4, #00819D, #006040, #000A15)
• Wandering Forest color palette (#F8F0EB, #B1D2AE, #008BA0, #005F34, #002435)

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