Worn Petrol color palette — #ECF4F1 · #DAD1D0 · #C5B5B9 · #427BA2 · #242F2B

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

The five colors

• Ivory (#ECF4F1): bright and airy, almost weightless.
• Oat (#DAD1D0): a clean, paper-quiet neutral.
• Stone (#C5B5B9): a calm mid-gray that lets other colors speak.
• Slate (#427BA2): A full-bodied, balanced blue — the color of a favorite pair of jeans.
• Deep Forest (#242F2B): a grounded near-black with real depth.

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

• Washed Petrol Grove color palette (#F0F6FB, #DAD9E2, #C4BCCE, #467C97, #404950)
• Patina Lagoon color palette (#EFF4EA, #A7BA9C, #39837C, #225F65, #1E2C16)
• Wandering Amethyst Drift color palette (#FAEEF3, #E3D1CF, #D7B5BD, #7451BD, #331D28)
• Timeworn Lantern color palette (#FCE4EC, #D5B3BA, #A57F80, #80471C, #3B3530)
• Softworn Turquoise color palette (#F0F7F4, #DDD5D3, #A8A196, #59A8D2, #34433D)
• Softworn Villa color palette (#EDE6EE, #A99BA7, #8F7187, #003766, #0B000D)
• Muted Garden color palette (#F7EFF6, #E1CDDB, #A7A6D2, #194EC6, #241323)
• Feathered Garnet Orchard color palette (#FFEEE8, #869AD1, #6B5FA4, #772142, #33182C)

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