Patina Harbor color palette — #F1F3EC · #C2E5E3 · #63A6C5 · #1F7883 · #1E3D33

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

The five colors

• Cream (#F1F3EC): a clean, paper-quiet neutral.
• Silver (#C2E5E3): A whisper-light, dusty teal — the color of shallow lagoons.
• Cyan (#63A6C5): A luminous, balanced blue — the color of deep harbor water.
• Teal (#1F7883): A full-bodied, balanced blue — the color of open sky before noon.
• Forest (#1E3D33): A deep, shadowed, dusty teal — the color of glacier melt.

Feels like: Trust, Stability, Calm, Sophistication. Tagged coastal, cool, light, muted.

Use it as a design system

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

• Dusty Cypress Orchard color palette (#FBF2F7, #D7E0F2, #7D9DBA, #3F7B73, #465368)
• Muted Alley color palette (#EAEADF, #9EBD9D, #007A81, #004C42, #001A1F)
• Timeworn Denim color palette (#E7EDDA, #5291B9, #004C7E, #002A37, #000410)
• Soft Studio color palette (#EFF4E6, #ABD5F8, #0A84E8, #005D7C, #09234D)
• Amber Meadow color palette (#FFEDE9, #CC8593, #B78135, #806DA0, #34221E)
• Washed Stone color palette (#FEEEEB, #E0D5C9, #D0C18A, #A67B78, #4F3B37)
• Muted Chestnut color palette (#FAF0E8, #CEB6A0, #A4785B, #80481D, #342A1E)
• Timeworn Ridge color palette (#FFE6EA, #DBA7D5, #AB639A, #814E6D, #472B29)

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