Worn Petrol color palette — #EDF7FE · #DAD7E7 · #B9B8DB · #00739F · #34424C

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

The five colors

• Ivory (#EDF7FE): bright and airy, almost weightless.
• Silver (#DAD7E7): A whisper-light, dusty violet — the color of a velvet chair.
• Lavender (#B9B8DB): A luminous, dusty violet — the color of a velvet chair.
• Slate (#00739F): A full-bodied, balanced blue — the color of deep harbor water.
• Charcoal (#34424C): A deep, shadowed, dusty blue — the color of open sky before noon.

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

• Lapis Summit color palette (#F2F5FD, #E2D5E3, #C8B3D2, #5F5ABE, #3A3F4E)
• Ancient Petrol color palette (#EBF4F1, #F3D5DD, #D0B7C6, #2C71A0, #182924)
• Antique Denim color palette (#EAEFF4, #C6CCDB, #A09BBD, #005A8C, #242F3A)
• Ancient Driftwood color palette (#F4F4FB, #E0D8DD, #B4AAA2, #8F779F, #52515B)
• Pewter Field color palette (#CCF7FF, #8BB8D4, #8666A5, #1A6749, #22503C)
• Navy Courtyard color palette (#E8EEF8, #B6B7CB, #A97F99, #1E3C90, #17202D)
• Turquoise Pier color palette (#EDF8F4, #EBD4CE, #63ADDB, #ACA292, #32443E)
• Brick Drift color palette (#E9F8FF, #008DA0, #AA0116, #344800, #00341C)

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