Patina Petrol color palette — #ECF4F3 · #D4D8E8 · #7BA0C6 · #1E7594 · #28374A

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

The five colors

• Ivory (#ECF4F3): bright and airy, almost weightless.
• Silver (#D4D8E8): A whisper-light, dusty violet — the color of a velvet chair.
• Blue Fog (#7BA0C6): A luminous, dusty blue — the color of a favorite pair of jeans.
• Teal (#1E7594): A full-bodied, balanced blue — the color of open sky before noon.
• Deep Teal (#28374A): A deep, shadowed, dusty blue — the color of a favorite pair of jeans.

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

Use it as a design system

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

• Hushed Parlor color palette (#E2F4F2, #6DA4C5, #005C94, #003746, #000A1D)
• Muted Basin color palette (#E0ECEA, #8DBBD1, #007793, #004B4E, #001924)
• Periwinkle Basin color palette (#F9F4EF, #CAE7EA, #7E99CD, #337A82, #604B57)
• Dusty Delta color palette (#FAF3F6, #D9D4DE, #C1BDE6, #47A1AC, #464C63)
• Worn Studio color palette (#E9F5F2, #96DEE5, #0093A7, #00625E, #002A35)
• Lagoon Drift color palette (#E5F4F0, #398684, #004448, #00201A, #000202)
• Weathered Workshop color palette (#FBECFE, #C78794, #B38341, #8467B1, #302133)
• Chestnut Archive color palette (#EBF5EB, #AAC3AE, #6E8C6E, #734F2B, #1C3224)

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