Worn Petrol color palette — #EDF3F7 · #D6D6E0 · #BDBACB · #4A7C97 · #242D34

Slate and Ash set the tone — five colors that lean into trust and stability.

The five colors

• Ivory (#EDF3F7): bright and airy, almost weightless.
• Silver (#D6D6E0): bright and airy, almost weightless.
• Ash (#BDBACB): A luminous, dusty violet — the color of a velvet chair.
• Slate (#4A7C97): A full-bodied, dusty blue — the color of deep harbor water.
• Onyx (#242D34): quiet, heavy and certain.

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

Use it as a design system

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

• Patina Petrol color palette (#EFF8F3, #E2D3D0, #CAB7B5, #3F7D95, #3F4B45)
• Indigo Terrace color palette (#EEF1FD, #DCD2E1, #C1BAD7, #695CB1, #202432)
• Wandering Pewter Veranda color palette (#D6EAFE, #AAB4CD, #8886A9, #744D5B, #254033)
• Wandering Lagoon color palette (#E5F6F4, #8DC1A9, #1F867A, #2E5B6F, #0A2D2E)
• Navy Quarry color palette (#E6EFF7, #97A1AF, #7676A3, #00395D, #00050D)
• Aged Iris color palette (#E9F3FF, #C2DEFF, #94C6FF, #8D7DCB, #14243D)
• Patina Atelier color palette (#E7E8EF, #CBC9D8, #A99EB9, #5E448A, #131522)
• Airy Indigo color palette (#E6F7E9, #4CA5DE, #5D5EB8, #6F3309, #162433)

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