Worn Petrol color palette — #EBF4F4 · #D6D8EC · #859EC2 · #47718A · #29374D

Slate takes the lead with Blue Fog close behind in a set that reads as trust and stability at first glance.

The five colors

• Ivory (#EBF4F4): bright and airy, almost weightless.
• Silver (#D6D8EC): A whisper-light, dusty violet — the color of a velvet chair.
• Blue Fog (#859EC2): A luminous, dusty blue — the color of a favorite pair of jeans.
• Slate (#47718A): A full-bodied, dusty blue — the color of a favorite pair of jeans.
• Navy (#29374D): A deep, shadowed, dusty blue — the color of open sky before noon.

Feels like: Trust, Stability, Calm, Sophistication. Tagged coastal, cool, light, muted.

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

• Aged Veranda color palette (#DFECEB, #92BAD0, #00759C, #004A53, #001828)
• Cypress Lantern color palette (#EBF4F2, #C5E2EA, #529BA1, #1A6C60, #003142)
• Muted Denim Dune color palette (#DCEFEE, #6DA2CD, #0059A1, #00364A, #000823)
• Patina Petrol color palette (#F9F4EF, #CEE3E6, #8898C4, #197C8B, #674758)
• Softworn Powder Boulevard color palette (#E3F7F4, #C2D7F7, #A6B4D9, #689289, #2B3F3F)
• Lagoon Courtyard color palette (#DCEAE7, #478486, #00444B, #00201C, #000202)
• Dusty Bronze color palette (#DAFAF3, #87A778, #559A9F, #967042, #152C28)
• Weathered Archive color palette (#FCEDF3, #D6AFBB, #9E7586, #6D4D5D, #243024)

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