Patina Cypress color palette — #F6F0F3 · #D4DCEC · #7AA1C1 · #247A72 · #28364E

Teal and Blue Fog set the tone — five colors that lean into trust and stability.

The five colors

• Ivory (#F6F0F3): bright and airy, almost weightless.
• Silver (#D4DCEC): A whisper-light, dusty violet — the color of a velvet chair.
• Blue Fog (#7AA1C1): A luminous, dusty blue — the color of deep harbor water.
• Teal (#247A72): A full-bodied, balanced teal — the color of glacier melt.
• Navy (#28364E): A deep, shadowed, dusty violet — the color of wild irises.

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

• Tempered Turquoise Boulevard color palette (#EFF7F6, #D4DDEE, #5FA3C4, #387983, #445563)
• Worn Denim Veranda color palette (#EBDEE6, #76A3BA, #005E8B, #003A32, #000825)
• Hushed Lantern color palette (#EFE6EC, #8DBCC9, #00788E, #004E2F, #001828)
• Ancient Courtyard color palette (#F4E8ED, #46809E, #003A74, #001F20, #01000B)
• Muted Atelier color palette (#FAEDFB, #C6898F, #7A995D, #00898D, #302231)
• Patina Cornflower color palette (#FEECF3, #B4D4F1, #577DDE, #00606B, #241B4B)
• Plum Harbor color palette (#F5EFFB, #D1A4BA, #6DAC8C, #A54F7E, #063939)
• Weathered Driftwood color palette (#F5EFFC, #EFD3DA, #BEDBBC, #9876A6, #433547)

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