Patina Petrol color palette — #ECF4F1 · #E0D4D8 · #C3B0C1 · #176B9D · #12251F

Built around Peacock, softened by Ash — the whole palette hums with trust and stability.

The five colors

• Ivory (#ECF4F1): bright and airy, almost weightless.
• Silver (#E0D4D8): bright and airy, almost weightless.
• Ash (#C3B0C1): A luminous, dusty pink — the color of neon signs at night.
• Peacock (#176B9D): A full-bodied, balanced blue — the color of deep harbor water.
• Onyx (#12251F): A deep, shadowed, dusty teal — the color of glacier melt.

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

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

• Washed Petrol color palette (#EFF6FC, #D8D8E3, #ADB2C7, #1A6C92, #333C43)
• Muted Garden color palette (#EFF7F4, #DED4D2, #A6A79B, #3594C3, #25312D)
• Navy Courtyard color palette (#ECE4EC, #BBAEBA, #9B8695, #00447E, #110613)
• Twilit Ultramarine Quarry color palette (#E8DBE5, #405DB7, #37192D, #160514, #040104)
• Byzantium Studio color palette (#F7EFF1, #E5D2CC, #D4B7B7, #9340AC, #302024)
• Frosted Workshop color palette (#F8EFF4, #E4CCD6, #CA9DAC, #5A21DD, #25131E)
• Worn Fern Drift color palette (#F8F1E0, #ABA077, #5D6C32, #005346, #231B00)
• Cocoa Loft color palette (#F7D5E0, #BC8E97, #956885, #763D1F, #3E2100)

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