Patina Teal color palette — #FAF4F0 · #C2E0E3 · #89D5E4 · #7BB18C · #345246

Jade takes the lead with Ice Blue close behind in a set that reads as nature and growth at first glance.

The five colors

• Ivory (#FAF4F0): bright and airy, almost weightless.
• Silver (#C2E0E3): A whisper-light, dusty blue — the color of deep harbor water.
• Ice Blue (#89D5E4): A whisper-light, dusty blue — the color of open sky before noon.
• Jade (#7BB18C): A luminous, dusty teal — the color of sea glass.
• Charcoal Brown (#345246): A full-bodied, dusty teal — the color of sea glass.

Feels like: Nature, Growth, Trust, Stability, Sophistication, Softness. Tagged coastal, cool, light, muted.

Use it as a design system

One click turns Patina Teal 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

• Teal Boulevard color palette (#FAF4EF, #C3E0EE, #A7CAF4, #69B0B0, #604B5A)
• Hushed Cypress Studio color palette (#EDF4EE, #CBDFF2, #66A9B0, #407861, #1A3A4A)
• Patina Fern color palette (#F6F7E6, #CAE8D8, #C9BEC5, #C5B48C, #45550B)
• Faded Balcony color palette (#FFF2EC, #ADF2FF, #49C4FE, #00A88C, #214167)
• Petrol Studio color palette (#F3E3DC, #5CB0B5, #0081A0, #006043, #000A16)
• Lime Delta color palette (#FFF4E1, #D7DB9D, #A0C16A, #72A171, #4D514A)
• Mallow Drift color palette (#F6F6EA, #BCE2A6, #E3B0FD, #8CB772, #60444C)
• Cocoa Coast color palette (#FDF3EB, #EBD6B7, #D4AD8D, #B08873, #584500)

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