Worn Petrol color palette — #EBF3F7 · #D3D6DE · #B7BBCC · #3C7F92 · #232E34

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

The five colors

• Ivory (#EBF3F7): bright and airy, almost weightless.
• Silver (#D3D6DE): a clean, paper-quiet neutral.
• Ash (#B7BBCC): A luminous, dusty violet — the color of a velvet chair.
• Slate (#3C7F92): A full-bodied, dusty blue — the color of a favorite pair of jeans.
• Onyx (#232E34): 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

• Hushed Petrol Hollow color palette (#F1F7F3, #D1DEDF, #D4BDC1, #178293, #414A44)
• Pewter Lantern color palette (#F0F1F9, #DAD3DE, #B7B5C4, #685A91, #1E2029)
• Lagoon Veranda color palette (#E9F5F3, #8EBEBC, #468369, #2C5D65, #102D2C)
• Driftwood Cabin color palette (#E4EFFF, #B3BDD4, #8084A7, #614F69, #473247)
• Abyss Thicket color palette (#E4F3FC, #94A2AE, #697E95, #003C51, #00050B)
• Timeworn Powder Canyon color palette (#E7F4FF, #C1E0FF, #73C7FF, #648CC9, #002239)
• Turquoise Hollow color palette (#EFF7FA, #D8DAE5, #CDC2C5, #5FABBA, #344248)
• Wandering Bloom color palette (#DEF8F8, #65A4CB, #446BA6, #5D365A, #0A243A)

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