Patina Harbor color palette — #E8FAF5 · #A5E8E5 · #00C2CB · #009A85 · #003A42

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

The five colors

• Ivory (#E8FAF5): bright and airy, almost weightless.
• Sea Foam (#A5E8E5): A whisper-light, dusty teal — the color of glacier melt.
• Cyan (#00C2CB): A luminous, balanced blue — the color of open sky before noon.
• Fern (#009A85): A luminous, balanced teal — the color of sea glass.
• Deep Teal (#003A42): A deep, shadowed, dusty blue — the color of deep harbor water.

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

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

• Antique Sky Cabin color palette (#E7FAF8, #A4E4FF, #1AB8F9, #0095A9, #003656)
• Mustard Villa color palette (#BAEFFE, #00CED2, #BFA700, #009B9E, #362E00)
• Tempered Teal color palette (#EFF7F6, #CEDFF6, #88C9DC, #00AEAF, #294C61)
• Misty Pine color palette (#FDF1F9, #96D9D8, #009CB9, #00764A, #003753)
• Quiet Veranda color palette (#BFE8E4, #00BDB6, #4E9CFF, #799B00, #002B29)
• Hushed Aqua color palette (#F3F4DE, #2ED4D3, #008189, #005348, #001E24)
• Patina Aqua Lagoon color palette (#B6F4FF, #39DAF9, #00ABC2, #007484, #001C22)
• Tempered Petrol Courtyard color palette (#D4E5E2, #6CACBC, #0081A1, #005C62, #000B13)

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