Worn Petrol color palette — #F1F7F3 · #CEDDDD · #BDAEBD · #007082 · #2E3F34
Teal takes the lead with Forest close behind in a set that reads as trust and stability at first glance.
The five colors
- Ivory (#F1F7F3): bright and airy, almost weightless.
- Silver (#CEDDDD): a clean, paper-quiet neutral.
- Ash (#BDAEBD): A luminous, dusty pink — the color of neon signs at night.
- Teal (#007082): A full-bodied, balanced blue — the color of a favorite pair of jeans.
- Forest (#2E3F34): A deep, shadowed, dusty teal — the color of sea glass.
Feels like: Trust, Stability, Sophistication. Tagged scandi, muted, light.
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
- Muted Cerulean Grove color palette (#EFF7FA, #D6D9E5, #C1BBCF, #16909E, #2D3D44)
- Antique Cypress color palette (#F3F6F0, #D1DCD8, #A8B8AB, #007656, #2D4300)
- Driftwood Archive color palette (#F9F3F8, #E0D7D7, #B0ACA2, #7281A8, #575056)
- Abyss Grove color palette (#E6EFEA, #ABBEB8, #9D859A, #004C62, #09251A)
- Timeworn Cocoa color palette (#C7F1DD, #B099AD, #746A93, #754324, #503C13)
- Aged Ultramarine color palette (#F9F3F9, #E0CCD9, #C399AB, #0054BA, #3E2C3D)
- Tempered Indigo Pier color palette (#FBF2F6, #E4D6D3, #D8B0B5, #6D55B9, #4A3B42)
- Washed Cypress color palette (#F7F6E8, #80A682, #0D7453, #005657, #343A00)
Browse the whole catalog at Explore, or see today's palette.