Patina Cypress color palette — #F9F3F7 · #D5E0F2 · #6DA0C2 · #2D7E71 · #41546D

A conversation between Teal and Blue Fog, giving this palette its sense of trust and stability.

The five colors

• Ivory (#F9F3F7): bright and airy, almost weightless.
• Frost (#D5E0F2): A whisper-light, dusty violet — the color of wild irises.
• Blue Fog (#6DA0C2): A luminous, dusty blue — the color of open sky before noon.
• Teal (#2D7E71): A full-bodied, balanced teal — the color of shallow lagoons.
• Peacock (#41546D): 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

• Turquoise Harbor color palette (#F1F3EC, #C6E1DE, #61A7C2, #32777D, #253C33)
• Aged Villa color palette (#EFF7F6, #D4DDED, #7CBCD5, #4C939A, #405565)
• Softworn Parlor color palette (#E6DBE4, #64ABBA, #005F85, #003F34, #001D47)
• Weathered Lagoon Workshop color palette (#F8F2FF, #BE83A4, #4F9C74, #2D8773, #473D52)
• Patina Cobalt Bloom color palette (#FCF2F6, #A9D5F2, #4D7ECE, #00656C, #383578)
• Antique Pier color palette (#EBE1E6, #55889F, #003D70, #002222, #04002D)
• Antique Plum color palette (#F7F3FF, #CCA0C0, #55AB91, #A34E91, #245849)
• Washed Workshop color palette (#F9F2FF, #EBD6DC, #E0B89D, #977AAC, #544757)

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