Worn Petrol color palette — #F0F3ED · #C7DFE3 · #7F9ECA · #23739B · #452D41

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

The five colors

• Cream (#F0F3ED): a clean, paper-quiet neutral.
• Silver (#C7DFE3): A whisper-light, dusty blue — the color of deep harbor water.
• Blue Fog (#7F9ECA): A luminous, dusty blue — the color of deep harbor water.
• Slate (#23739B): A full-bodied, balanced blue — the color of a favorite pair of jeans.
• Espresso (#452D41): A deep, shadowed, dusty pink — the color of peonies in June.

Feels like: Trust, Stability, 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

• Petrol Archive color palette (#F1F3EC, #C5E2E0, #6CA5C0, #217883, #193E33)
• Denim Delta color palette (#EDF0E5, #76A1C6, #0058A4, #00364B, #000726)
• Weathered Petrol color palette (#E8EAE2, #9ABDAA, #00759C, #004A52, #001827)
• Antique Pier color palette (#EFF7F7, #D9DBE9, #92B3E5, #608DA8, #485365)
• Tempered Workshop color palette (#F2F4E4, #99DDE9, #0092AE, #006263, #002A38)
• Hushed Courtyard color palette (#E7E9DC, #53969E, #005361, #002C2B, #000508)
• Worn Bronze Dune color palette (#FBF0E5, #D0AB88, #BD87B8, #9E6219, #47252B)
• Antique Rust Lagoon color palette (#FDF0E0, #BC945F, #719B66, #AC5C6D, #332410)

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