Patina Lagoon color palette — #FAF3F8 · #C1E7F8 · #68BDE7 · #00A385 · #183C63

Built around Fern, softened by Sky — the whole palette hums with trust and stability.

The five colors

• Ivory (#FAF3F8): a clean, paper-quiet neutral.
• Frost (#C1E7F8): A whisper-light, dusty blue — the color of deep harbor water.
• Sky (#68BDE7): A luminous, balanced blue — the color of open sky before noon.
• Fern (#00A385): A luminous, balanced teal — the color of glacier melt.
• Navy (#183C63): 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

• Weathered Periwinkle Drift color palette (#F8EAF0, #ADDAF8, #7BA5EA, #008F98, #282755)
• Muted Teal color palette (#F9F3F7, #D5D5E6, #A2CDE9, #5BB699, #425468)
• Muted Coast color palette (#F5F6EE, #BCDEC6, #1EA6C4, #007C7D, #004155)
• Powdered Grove color palette (#F2E5ED, #8CCBE0, #029AEB, #007E74, #051751)
• Cobalt Delta color palette (#F0E3EC, #70ABBA, #007DB4, #005E52, #000720)
• Washed Amber Alley color palette (#E4F3E8, #D7BD68, #9DA8FF, #AE8D00, #2B2F61)
• Worn Cerulean color palette (#FCEFE9, #99D3DD, #1287B3, #005D4B, #2D172F)
• Aged Workshop color palette (#DFFEEC, #BAECCF, #88D5E1, #CF9160, #1A4637)

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