Weathered Petrol color palette — #EBF3FA · #D7D4E1 · #BEBCD2 · #0072AB · #132737

A conversation between Slate and Midnight, giving this palette its sense of trust and stability.

The five colors

• Ivory (#EBF3FA): bright and airy, almost weightless.
• Silver (#D7D4E1): bright and airy, almost weightless.
• Ash (#BEBCD2): A luminous, dusty violet — the color of wild irises.
• Slate (#0072AB): A full-bodied, balanced blue — the color of deep harbor water.
• Midnight (#132737): A deep, shadowed, dusty blue — the color of open sky before noon.

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

Use it as a design system

One click turns Weathered 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

• Dusty Petrol Chapel color palette (#EEF6FF, #D9D7E8, #AFBBDF, #006FB3, #35414C)
• Washed Denim Thicket color palette (#E4EAF0, #C8CBD4, #A5A0B7, #00569B, #0C1722)
• Aged Lapis color palette (#EFF1FA, #DFD2DF, #CAB7D0, #6952C9, #1F2435)
• Dusty Azure Grove color palette (#ECF9F5, #E3D4D0, #AAB6A7, #0898F1, #273934)
• Tempered Pier color palette (#F1F1F7, #DBD5D8, #BBADA8, #92779D, #36353C)
• Charred Sapphire Drift color palette (#DDE4F0, #465DD1, #391B43, #070C2C, #000409)
• Tempered Workshop color palette (#B7F4E2, #7DB6D0, #83749B, #045C3A, #00342A)
• Weathered Grape Bloom color palette (#EEF1FF, #896FCD, #653DB0, #503100, #001835)

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