Weathered Petrol color palette — #EBF3F8 · #D5D5E1 · #B0B6CB · #1D6E8D · #17222A

Peacock takes the lead with Ash close behind in a set that reads as trust and stability at first glance.

The five colors

• Ivory (#EBF3F8): a clean, paper-quiet neutral.
• Silver (#D5D5E1): a clean, paper-quiet neutral.
• Ash (#B0B6CB): A luminous, dusty violet — the color of a velvet chair.
• Peacock (#1D6E8D): A full-bodied, balanced blue — the color of deep harbor water.
• Onyx (#17222A): 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 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

• Petrol Garden color palette (#EEF8F3, #E2D7DA, #C4ACB5, #286D85, #2F3F37)
• Timeworn Ultramarine Parlor color palette (#EDF2FB, #CED1EF, #AFA4CA, #414FAE, #121A2A)
• Cerulean Harbor color palette (#EEF8F4, #CDE1E4, #C0BBAD, #5292B9, #25322D)
• Weathered Pewter Studio color palette (#DBF1FF, #94AACF, #836993, #2A5045, #0E3028)
• Hushed Denim Boulevard color palette (#DBE7F1, #A6B4CB, #888CA2, #00486E, #010C17)
• Worn Cypress color palette (#E4F7F2, #6FB18D, #08746B, #284A61, #002222)
• Charred Ultramarine color palette (#D3E0F1, #115CCF, #20233A, #040D1B, #000205)
• Soft Courtyard color palette (#E9F3FF, #31DBF8, #67B4FF, #8965A7, #0B132B)

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