Patina Cypress color palette — #CAE7E3 · #6FA6A7 · #257D6D · #255070 · #142C55

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

The five colors

• Silver (#CAE7E3): A whisper-light, dusty teal — the color of sea glass.
• Blue Fog (#6FA6A7): A luminous, dusty teal — the color of shallow lagoons.
• Teal (#257D6D): A full-bodied, balanced teal — the color of sea glass.
• Peacock (#255070): A full-bodied, dusty blue — the color of deep harbor water.
• Navy (#142C55): A deep, shadowed, balanced violet — the color of a velvet chair.

Feels like: Trust, Stability, Calm, Sophistication. Tagged vintage, retro, muted, cool.

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

• Washed Quarry color palette (#D8E9E5, #60A6AD, #367E95, #48447B, #361F4C)
• Washed Boulevard color palette (#EAE7C7, #8F9C6F, #59744E, #005359, #00303C)
• Ancient Basin color palette (#D2ECC3, #85BC8E, #008867, #1D4C63, #001A35)
• Washed Petrol color palette (#D7E8E5, #6BC0D0, #00829D, #00595B, #002331)
• Softworn Lagoon Alley color palette (#DBECEA, #1C858D, #005E75, #2F2D4F, #1F0631)
• Tempered Petrol color palette (#D9FEFC, #9DCBCE, #86A8B0, #5F7A97, #424F64)
• Aubergine Summit color palette (#D0EEE4, #73C0BB, #0097AA, #4C5C9C, #443179)
• Cypress Alley color palette (#D0EDEA, #5EA37E, #007257, #484800, #002112)

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