Patina Harbor color palette — #EEF9EA · #B6FDD7 · #8AE3FB · #A9BAFD · #354C38

Sky and Ice Blue set the tone — five colors that lean into trust and stability.

The five colors

• Ivory (#EEF9EA): A whisper-light, dusty green — the color of new leaves after rain.
• Mint (#B6FDD7): A whisper-light, balanced teal — the color of sea glass.
• Ice Blue (#8AE3FB): A whisper-light, balanced blue — the color of open sky before noon.
• Sky (#A9BAFD): A luminous, balanced violet — the color of a velvet chair.
• Deep Olive (#354C38): A deep, shadowed, dusty green — the color of new leaves after rain.

Feels like: Trust, Stability, Creativity, Calm, Sophistication, Softness. Tagged candy, vibrant, 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

• Wandering Mallow color palette (#ECF9F2, #C2DCF4, #C8BAF6, #B8AEB9, #314C44)
• Linen Lagoon color palette (#DEFFE6, #96FFBE, #59EBFE, #87B3FF, #003947)
• Wandering Field color palette (#F3F7EB, #FDF2A8, #AAF5C1, #77DDEA, #484B44)
• Dusty Sky color palette (#E6FBDC, #96E5EE, #6FC0DC, #5D95B8, #5E4760)
• Ancient Turquoise color palette (#E8FAF1, #A1DFFB, #F1B89D, #56B5DB, #733D0C)
• Dusty Pier color palette (#E9F6E8, #6BC9C4, #6C8177, #4E584D, #20231C)
• Chestnut Pier color palette (#F5F7E4, #D0E6CE, #AECBBF, #A89181, #714700)
• Fuchsia Villa color palette (#FFF0FA, #89E5FF, #B5C2FF, #FF71E8, #2F0E61)

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