Patina Cypress Pier color palette — #FAF3F5 · #CADFF3 · #7B88B6 · #007072 · #4D3F65

Teal and Slate Blue set the tone — five colors that lean into creativity and sophistication.

The five colors

• Ivory (#FAF3F5): bright and airy, almost weightless.
• Powder Blue (#CADFF3): A whisper-light, dusty blue — the color of deep harbor water.
• Slate Blue (#7B88B6): A luminous, dusty violet — the color of a velvet chair.
• Teal (#007072): A full-bodied, balanced teal — the color of shallow lagoons.
• Charcoal (#4D3F65): A deep, shadowed, dusty violet — the color of twilight just after sunset.

Feels like: Creativity, Sophistication. Tagged coastal, cool, light, muted.

Use it as a design system

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

• Cornflower Lantern color palette (#FFF1F6, #AED3F1, #597AD3, #006763, #453072)
• Pine Parlor color palette (#F8F3F8, #C2E3ED, #5793AC, #1E743D, #2F496A)
• Worn Iris Boulevard color palette (#F5F1EB, #BCE7DA, #678ECD, #09697F, #3C2135)
• Chalky Hollow color palette (#E5FBF6, #8BAB78, #967ABB, #407607, #4A3862)
• Antique Quarry color palette (#F7EAF7, #5A9C9D, #005269, #003311, #00132E)
• Hushed Navy color palette (#F6E7EF, #5088A3, #003782, #00231E, #0A0028)
• Powder Hollow color palette (#FAF4ED, #D9DFF6, #A7BAFC, #59A7A7, #593F4A)
• Forest Courtyard color palette (#F4EBF5, #8ABAC6, #00748D, #04540F, #002F55)

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