Worn Petrol color palette — #E8FAF1 · #0080A7 · #6A4B87 · #1B5226 · #1D2D1E
Cerulean takes the lead with Plum close behind in a set that reads as nature and growth at first glance.
The five colors
- Ivory (#E8FAF1): A whisper-light, dusty teal — the color of sea glass.
- Cerulean (#0080A7): A full-bodied, balanced blue — the color of open sky before noon.
- Plum (#6A4B87): A full-bodied, balanced violet — the color of twilight just after sunset.
- Deep Olive (#1B5226): A deep, shadowed, balanced green — the color of fresh herbs.
- Deep Forest (#1D2D1E): A deep, shadowed, dusty green — the color of a quiet forest floor.
Feels like: Nature, Growth, Trust, Stability, Creativity, Balance. Tagged jewel, vibrant, 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
- Denim Drift color palette (#EDFAE9, #008C7E, #305797, #4F4500, #2B2F19)
- Patina Terrace color palette (#FFF0FA, #6174DC, #803D5D, #004D4D, #182C26)
- Hushed Hollow color palette (#E5F7EF, #2A8AB6, #91363A, #544100, #081403)
- Aubergine Veranda color palette (#FCE3FF, #005FA8, #69006A, #003528, #001C25)
- Dusty Iris Pier color palette (#FFF2EE, #7A91EB, #6C5F97, #723947, #4C3544)
- Pewter Grove color palette (#F9F3F9, #E6D7DA, #CEBABD, #856A85, #4B464B)
- Patina Azure color palette (#EDF7FF, #57A7D6, #AC636C, #796000, #0E2E31)
- Indigo Grove color palette (#F3DEEB, #6260CD, #422A36, #281A23, #120A0C)
Browse the whole catalog at Explore, or see today's palette.