Patina Petrol Harbor color palette — #DFEEF5 · #9E9FB0 · #9282A3 · #006F83 · #010B11

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

The five colors

• Frost (#DFEEF5): bright and airy, almost weightless.
• Blue Fog (#9E9FB0): A luminous, dusty violet — the color of twilight just after sunset.
• Slate Blue (#9282A3): A luminous, dusty violet — the color of twilight just after sunset.
• Teal (#006F83): A full-bodied, balanced blue — the color of deep harbor water.
• Ink (#010B11): A deep, shadowed, dusty blue — the color of a favorite pair of jeans.

Feels like: Trust, Stability, Sophistication. Tagged scandi, muted, light.

Use it as a design system

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

• Abyss Courtyard color palette (#D8E5DE, #8BADA3, #957E91, #004D63, #000D06)
• Washed Onyx Harbor color palette (#E8EFEB, #938A93, #7C6272, #002F3C, #000201)
• Indigo Chapel color palette (#E6EAF6, #BDAABE, #AB8D9C, #6963BF, #0F1322)
• Washed Cobalt color palette (#C7ECE4, #2E8DC7, #7A5D89, #414F0D, #0C1100)
• Ancient Ridge color palette (#FFEBD2, #00899E, #5C43AB, #513300, #000409)
• Dusty Terracotta color palette (#C4E4F8, #007E9E, #A21000, #493100, #030100)
• Hushed Cerulean color palette (#E5F0FA, #D5D0E3, #C1B2C4, #5D99C3, #232F3A)
• Tempered Emerald color palette (#D6E5DE, #429F51, #007264, #194C6E, #000901)

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