Patina Cypress color palette — #EFF7F5 · #CFE0F3 · #5CA6B2 · #1C7F77 · #395766

Teal takes the lead with Cyan close behind in a set that reads as trust and stability at first glance.

The five colors

• Ivory (#EFF7F5): bright and airy, almost weightless.
• Powder Blue (#CFE0F3): A whisper-light, dusty blue — the color of open sky before noon.
• Cyan (#5CA6B2): A luminous, dusty blue — the color of deep harbor water.
• Teal (#1C7F77): A full-bodied, balanced teal — the color of glacier melt.
• Peacock (#395766): A full-bodied, dusty blue — the color of a favorite pair of jeans.

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

Use it as a design system

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

• Softworn Cypress color palette (#DFECE9, #76A8B6, #00636B, #003F37, #00242B)
• Aged Pine color palette (#E8FAF8, #8EBD9A, #6F9DC9, #338550, #2F506E)
• Wandering Sky color palette (#FAF3F0, #BFE4EB, #6FBED9, #56957A, #365149)
• Ancient Grove color palette (#E6FAF7, #7BA574, #4A97A1, #9A6C23, #2B4945)
• Hushed Cabin color palette (#E7FAF8, #ACD5EC, #008BB9, #006570, #004566)
• Weathered Cerulean Drift color palette (#D5E3E0, #4B8B98, #004454, #002223, #000B12)
• Tempered Market color palette (#E3F2F1, #97B6CC, #006EA9, #004D5F, #002E58)
• Worn Chestnut color palette (#EFF8EF, #A6C0A9, #6B8A6A, #795531, #3B4D40)

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