Worn Petrol color palette — #F0F0FF · #DED1F4 · #E59DA9 · #6F67A4 · #251E39
A conversation between Slate and Ballet Pink, giving this palette its sense of creativity and sophistication.
The five colors
- Blush (#F0F0FF): A whisper-light, dusty violet — the color of wild irises.
- Thistle (#DED1F4): A whisper-light, dusty violet — the color of a velvet chair.
- Ballet Pink (#E59DA9): A luminous, balanced red — the color of embers at dusk.
- Slate (#6F67A4): A full-bodied, balanced violet — the color of twilight just after sunset.
- Deep Indigo (#251E39): A deep, shadowed, dusty violet — the color of wild irises.
Feels like: Creativity, Sophistication. Tagged pastel, light, 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
- Petrol Orchard color palette (#EAF3FF, #D0D9FB, #CBA9DB, #366F94, #182139)
- Antique Harbor color palette (#F3EFFF, #E5D2DD, #E4BC9C, #8D75A4, #342A3F)
- Hushed Workshop color palette (#FFF0F8, #F7C5C4, #E8987F, #4071AA, #5A333A)
- Patina Orchard color palette (#F6E2F9, #DFA2C2, #CE646E, #573D94, #1C0018)
- Frosted Tangerine Veranda color palette (#FFE8F1, #FFBCBF, #F37F34, #863E82, #3B0018)
- Plum Terrace color palette (#FFEBFB, #FFD2B8, #D8B260, #B45673, #391A2D)
- Weathered Corridor color palette (#F3F4FF, #EBDADB, #A8C5B6, #7699CB, #3D3452)
- Taupe Studio color palette (#FFE6F5, #F0BF9A, #B59C4C, #833D48, #2E1200)
Browse the whole catalog at Explore, or see today's palette.