Patina Lagoon color palette — #FAF4F0 · #C1E2F3 · #9CBBF3 · #00968B · #533445

A conversation between Fern and Sky, giving this palette its sense of trust and stability.

The five colors

• Ivory (#FAF4F0): bright and airy, almost weightless.
• Powder Blue (#C1E2F3): A whisper-light, dusty blue — the color of open sky before noon.
• Sky (#9CBBF3): A luminous, balanced violet — the color of a velvet chair.
• Fern (#00968B): A luminous, balanced teal — the color of sea glass.
• Charcoal (#533445): A deep, shadowed, dusty rose — the color of pressed rose petals.

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

• Antique Basin color palette (#F1F7F2, #D5DEF5, #8AC3F8, #56A6B1, #39495F)
• Dusty Basin color palette (#FDF3EC, #C1E6F7, #79B1FA, #008A78, #30286B)
• Hushed Emerald color palette (#FBF3F1, #C0E2E5, #79C8E0, #599257, #17493E)
• Ancient Cerulean Courtyard color palette (#FDF2F7, #B1E5FF, #6B8BBD, #2B6F65, #3F4662)
• Pale Cobalt Coast color palette (#E8FAF4, #AEDAFF, #F2A680, #0091E0, #572B12)
• Washed Cobalt color palette (#E4FFD7, #93F3F7, #31B5DE, #316DB9, #343862)
• Patina Cerulean Loft color palette (#FEF2EE, #B5D6BA, #0085B1, #00552C, #000B26)
• Pine Grove color palette (#FFF2EE, #B3FEFE, #00AAD5, #007830, #00244B)

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