Patina Cypress Harbor color palette — #F9F3F8 · #D5D6ED · #7B9EB7 · #4F7A5E · #455468

Teal takes the lead with Blue Fog close behind in a set that reads as nature and growth at first glance.

The five colors

• Ivory (#F9F3F8): a clean, paper-quiet neutral.
• Silver (#D5D6ED): A whisper-light, dusty violet — the color of wild irises.
• Blue Fog (#7B9EB7): A luminous, dusty blue — the color of open sky before noon.
• Teal (#4F7A5E): A full-bodied, dusty teal — the color of shallow lagoons.
• Peacock (#455468): A full-bodied, dusty blue — the color of deep harbor water.

Feels like: Nature, Growth, Sophistication. Tagged coastal, cool, light, muted.

Use it as a design system

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

• Lagoon Lantern color palette (#F1F7F2, #D3E0EE, #82BCCC, #4F9585, #3D5667)
• Olive Lantern color palette (#E9FAF2, #B2B483, #6A9FC5, #76763A, #30516B)
• Aged Cypress Field color palette (#F5F1EB, #C8E2DC, #6BA7B7, #067D6A, #1B3E31)
• Spruce Station color palette (#F0E5EF, #69ACAD, #00607C, #004118, #001F42)
• Driftwood Pier color palette (#EAFAEC, #C8E4E9, #AAC8E0, #A4839B, #41554D)
• Washed Coast color palette (#F3E8F0, #4F8B97, #004162, #002416, #02002F)
• Dusty Lantern color palette (#FCF2F7, #9CD9EE, #3E83C7, #006855, #37396C)
• Amber Ridge color palette (#FFF0FB, #E0AC8D, #AE8447, #6E6B31, #2F584F)

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