Patina Harbor color palette — #EAF8FA · #53C4B0 · #3E5A61 · #1D2E31 · #0B1111

Mint Leaf and Peacock set the tone — five colors that lean into sophistication.

The five colors

• Ivory (#EAF8FA): bright and airy, almost weightless.
• Mint Leaf (#53C4B0): A luminous, balanced teal — the color of shallow lagoons.
• Peacock (#3E5A61): A full-bodied, dusty blue — the color of open sky before noon.
• Deep Forest (#1D2E31): A deep, shadowed, dusty blue — the color of a favorite pair of jeans.
• Ink (#0B1111): a grounded near-black with real depth.

Feels like: Sophistication. Tagged noir, dark, luxury, 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

• Aged Studio color palette (#E7F9FF, #00A6AE, #004450, #001921, #000203)
• Dusty Bloom color palette (#EDF7FF, #95D4FF, #CEA5FD, #68B39D, #2C3A45)
• Petrol Cabin color palette (#D4E9F9, #006891, #30272A, #001327, #000103)
• Aqua Coast color palette (#E5F9FF, #9FF8FA, #42CDDB, #2A8B9D, #2E4F60)
• Tempered Powder Pier color palette (#E4FAFF, #D2DCE8, #A2C4DB, #8D93AC, #4B4B5A)
• Indigo Lagoon color palette (#E7EEFF, #466DFF, #251C64, #010225, #000104)
• Softworn Harbor color palette (#E8F9FE, #45C3C6, #3E5965, #1B2E34, #0B1112)
• Dusty Harbor color palette (#E6FAFA, #66C498, #395B5F, #1D2F2F, #091111)

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