Worn Petrol color palette — #ECF7FD · #89B7CE · #AC8ABA · #008098 · #5B4265
Cerulean and Dusty Rose set the tone — five colors that lean into trust and stability.
The five colors
- Ivory (#ECF7FD): bright and airy, almost weightless.
- Ash (#89B7CE): A luminous, dusty blue — the color of a favorite pair of jeans.
- Dusty Rose (#AC8ABA): A luminous, dusty pink — the color of peonies in June.
- Cerulean (#008098): A full-bodied, balanced blue — the color of a favorite pair of jeans.
- Charcoal Brown (#5B4265): A full-bodied, dusty pink — the color of peonies in June.
Feels like: Trust, Stability, Creativity, Sophistication. Tagged 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
- Dusty Cobalt color palette (#F0F6FE, #98B1DA, #61AA89, #4971B6, #265657)
- Ancient Amber Terrace color palette (#E6F5FB, #68C3D3, #CF8964, #008090, #412836)
- Pine Loft color palette (#E9F8FF, #56A5B8, #8082C1, #408851, #2A4754)
- Pine Coast color palette (#EBF8F8, #8BBDA5, #BC8F5F, #00875F, #67404E)
- Patina Denim color palette (#ECF7FF, #9CCDE5, #498BAC, #005A7B, #093C52)
- Antique Apricot color palette (#EDF9F0, #7CD4E5, #E99C77, #2B9CAF, #524B47)
- Washed Boulevard color palette (#E7FBEF, #8AE4FF, #DCB7EA, #74B3C7, #64424B)
- Hushed Chestnut Lagoon color palette (#EDF9ED, #A6C0AA, #6A8A6A, #7A542F, #384E3F)
Browse the whole catalog at Explore, or see today's palette.