Patina Petrol Alley color palette — #ECF4F3 · #D4D8E9 · #77A1C5 · #137691 · #23384F

A conversation between Teal and Blue Fog, giving this palette its sense of trust and stability.

The five colors

• Ivory (#ECF4F3): bright and airy, almost weightless.
• Silver (#D4D8E9): A whisper-light, dusty violet — the color of twilight just after sunset.
• Blue Fog (#77A1C5): A luminous, dusty blue — the color of open sky before noon.
• Teal (#137691): A full-bodied, balanced blue — the color of deep harbor water.
• Navy (#23384F): A deep, shadowed, dusty blue — the color of deep harbor water.

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

Use it as a design system

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

• Patina Denim color palette (#E1F2F0, #7EA1BA, #005E8C, #003844, #000B1A)
• Aged Ash color palette (#FAF4EF, #CAE7E8, #7C9BC6, #40797C, #5F4C58)
• Navy Canyon color palette (#DBEAE9, #567CA0, #003A76, #001D2B, #00000B)
• Softworn Cerulean color palette (#E4F6F2, #AAD9E6, #0094A0, #006359, #002B32)
• Softworn Indigo color palette (#F7EEFE, #C686A1, #B68055, #736CBB, #2D2235)
• Chestnut Harbor color palette (#FEEDF2, #AFC1AF, #9D7C58, #774D2C, #213024)
• Worn Driftwood Grove color palette (#FAEDFC, #E1F6D8, #EBD0D7, #BB7C8F, #483A47)
• Mulberry Atelier color palette (#F0E6FF, #D4A3BC, #B06886, #8D4059, #402C44)

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