Worn Petrol color palette — #DEEFFF · #0070B1 · #7A4600 · #002D4C · #020100
Slate and Bronze set the tone — five colors that lean into trust and stability.
The five colors
- Frost (#DEEFFF): A whisper-light, dusty blue — the color of a favorite pair of jeans.
- Slate (#0070B1): A full-bodied, balanced blue — the color of open sky before noon.
- Bronze (#7A4600): A full-bodied, balanced gold — the color of honey in a jar.
- Midnight (#002D4C): A deep, shadowed, dusty blue — the color of open sky before noon.
- Black (#020100): quiet, heavy and certain.
Feels like: Trust, Stability, Optimism, Balance. 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
- Hushed Veranda color palette (#D1E4FF, #3364CA, #6D4F00, #00187B, #020100)
- Denim Study color palette (#C3E9DD, #005588, #5A3400, #00223B, #0C0400)
- Dusty Mulberry Terrace color palette (#CCF3FF, #007A7D, #9B0F3C, #003233, #040001)
- Faded Boulevard color palette (#E2F2FF, #0087C4, #9A6300, #005A85, #0B0400)
- Linen Amethyst color palette (#EBEEFC, #7349CF, #535B00, #340071, #010100)
- Soft Garnet color palette (#D9E9FA, #00559C, #86002F, #203A00, #000104)
- Aged Iris color palette (#D7E5F5, #ACB2EB, #9476B5, #00475D, #000108)
- Lowlit Olive Grove color palette (#D1F1E0, #6D7B22, #433D00, #1A1100, #000200)
Browse the whole catalog at Explore, or see today's palette.