Worn Petrol color palette — #C8E6E3 · #5D9ABB · #62669D · #634500 · #33390E

Slate and Bronze set the tone — five colors that lean into nature and growth.

The five colors

• Silver (#C8E6E3): A whisper-light, dusty teal — the color of glacier melt.
• Slate Blue (#5D9ABB): A luminous, balanced blue — the color of a favorite pair of jeans.
• Slate (#62669D): A full-bodied, balanced violet — the color of twilight just after sunset.
• Bronze (#634500): A full-bodied, balanced gold — the color of honey in a jar.
• Forest (#33390E): A deep, shadowed, dusty green — the color of a quiet forest floor.

Feels like: Nature, Growth, Trust, Stability, Optimism, Creativity. Tagged vintage, retro, 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

• Timeworn Petrol Basin color palette (#E4E9D5, #62A6A1, #3472A8, #713D05, #503112)
• Timeworn Pewter color palette (#D2EBD7, #A284A4, #735DA0, #474A06, #34342E)
• Nightshade Dune color palette (#DEEADF, #5584B6, #584095, #383800, #01290F)
• Cobalt Meadow color palette (#CCE7F9, #87B0DF, #6C7BB6, #7C5156, #4A2C2A)
• Airy Plum Summit color palette (#D4E6F1, #928FE5, #964A8D, #2C5E1D, #2A4625)
• Azure Drift color palette (#CCECFB, #5D9ED2, #4F618B, #523450, #3A1128)
• Cobalt Grove color palette (#CCE4DC, #0086C9, #637300, #004E77, #262D00)
• Wandering Petrol color palette (#FAEBE4, #83BEBC, #00758A, #005331, #01324A)

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