Worn Petrol Field color palette — #EEF7FB · #D6DBE5 · #BBBFCD · #517B8F · #41494D

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

The five colors

• Ivory (#EEF7FB): bright and airy, almost weightless.
• Silver (#D6DBE5): a clean, paper-quiet neutral.
• Stone (#BBBFCD): A luminous, dusty violet — the color of a velvet chair.
• Slate (#517B8F): A full-bodied, dusty blue — the color of open sky before noon.
• Charcoal (#41494D): a grounded near-black with real depth.

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

Use it as a design system

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

• Aged Petrol color palette (#EBF3F7, #D4D6DD, #B9BBCC, #417F8C, #232E33)
• Powder Quarry color palette (#E5F2FF, #9BB4DB, #7A839A, #675D73, #2E5657)
• Aged Abyss Bloom color palette (#DFEEF8, #99ACBC, #68829E, #003D52, #031621)
• Worn Aubergine color palette (#EDEEF8, #B8B6CC, #908AA1, #51356D, #1D1D2F)
• Mint Chapel color palette (#E6FAF6, #8CBE95, #4F8065, #416064, #2A4947)
• Quiet Azure color palette (#DFFCFB, #00A6D9, #3C6CA0, #613F65, #294052)
• Petrol Studio color palette (#EFF6FC, #D8DAE5, #BEBECB, #477B98, #41494F)
• Petrol Orchard color palette (#F0F6FC, #D9D9E4, #BFBDCA, #52789D, #43484E)

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