Worn Petrol color palette — #EDF7F9 · #77BFAC · #6865A9 · #00705D · #1C2339

Slate takes the lead with Pine close behind in a set that reads as creativity and calm at first glance.

The five colors

• Ivory (#EDF7F9): bright and airy, almost weightless.
• Mint Leaf (#77BFAC): A luminous, dusty teal — the color of shallow lagoons.
• Slate (#6865A9): A full-bodied, balanced violet — the color of twilight just after sunset.
• Pine (#00705D): A full-bodied, balanced teal — the color of sea glass.
• Midnight (#1C2339): A deep, shadowed, dusty violet — the color of wild irises.

Feels like: Creativity, Calm, Sophistication. Tagged duotone, muted, cool.

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

• Tempered Pier color palette (#EFF7F5, #97BB83, #6E5FB4, #387000, #1F2333)
• Tempered Delta color palette (#ECF4EC, #64C6C4, #616BC3, #007473, #150A12)
• Timeworn Boulevard color palette (#EEF7FA, #91CCD5, #956BA2, #007B88, #2E2C39)
• Chalky Studio color palette (#EBF8FB, #67D9D8, #5D8CE9, #009392, #1B2533)
• Ancient Drift color palette (#E9FBEC, #4FA99D, #4269A7, #634900, #22424F)
• Airy Chapel color palette (#EAF7FF, #00B3DD, #BA004A, #005F77, #340E16)
• Ancient Aubergine Workshop color palette (#D9FFED, #66B6C1, #287BAC, #3C419A, #521871)
• Feathered Orchard color palette (#EEF6FF, #6B9FCD, #973E25, #005389, #23111E)

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