Worn Petrol color palette — #EDF7FF · #F7B0A3 · #3079A5 · #27465D · #17232D

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

The five colors

• Ivory (#EDF7FF): a clean, paper-quiet neutral.
• Rose Quartz (#F7B0A3): A whisper-light, balanced orange — the color of sun-warmed clay.
• Slate (#3079A5): A full-bodied, balanced blue — the color of a favorite pair of jeans.
• Navy (#27465D): A deep, shadowed, dusty blue — the color of open sky before noon.
• Midnight (#17232D): A deep, shadowed, dusty blue — the color of a favorite pair of jeans.

Feels like: Trust, Stability, Sophistication. Tagged luxury, dark, 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

• Softworn Cerulean color palette (#F0F6FE, #EACC9D, #677DA8, #404E63, #272C32)
• Weathered Petrol color palette (#E9FAF2, #FEE2AA, #38809E, #194132, #06130D)
• Timeworn Ash Drift color palette (#FBF2FC, #FFC5BF, #7099C3, #715975, #271E28)
• Hushed Bloom color palette (#F1F5FB, #DDD9E3, #CABCCC, #7490BE, #414851)
• Powdered Apricot Study color palette (#D9E6F6, #F78C00, #0058B2, #002C5F, #010F23)
• Wandering Lilac Cabin color palette (#EFF6FB, #89CFF3, #AE70D2, #008CBC, #232232)
• Hushed Alley color palette (#ECEEF8, #95C483, #6B50A4, #392D54, #131522)
• Ancient Mint Archive color palette (#E9FAEE, #93BD76, #005C6A, #1A3524, #0E1E1C)

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