Worn Petrol color palette — #F1F5FF · #DAD8E2 · #AAB4F0 · #6166A5 · #282B51
Built around Slate, softened by Lavender — the whole palette hums with creativity and calm.
The five colors
- Ivory (#F1F5FF): a clean, paper-quiet neutral.
- Silver (#DAD8E2): a clean, paper-quiet neutral.
- Lavender (#AAB4F0): A luminous, balanced violet — the color of a velvet chair.
- Slate (#6166A5): A full-bodied, balanced violet — the color of twilight just after sunset.
- Navy (#282B51): A deep, shadowed, dusty violet — the color of a velvet chair.
Feels like: Creativity, Calm, Sophistication. Tagged monochrome, 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
- Petrol Loft color palette (#ECF7FF, #D5D9E4, #78C0DF, #00719E, #003347)
- Timeworn Powder color palette (#F1F5FF, #E3D4EF, #A3B3FF, #8488BF, #2C3651)
- Pewter Pier color palette (#F6F3FF, #DFD6DF, #D1A2D0, #8A5688, #402241)
- Dusty Cobalt color palette (#FFF0F9, #C0C5FF, #7577AF, #4B4C73, #4C2F42)
- Timeworn Dune color palette (#F0F5FF, #DDD8E2, #90BCEA, #BCADA0, #4B5264)
- Chalky Alley color palette (#F9F2FF, #DDABF2, #9554C2, #52006D, #0C0014)
- Timeworn Harbor color palette (#F4F4FE, #BBE8F3, #8182A7, #424263, #1A1A25)
- Washed Market color palette (#FFF1F7, #ECD4D0, #CAA0B4, #9E6C5E, #314535)
Browse the whole catalog at Explore, or see today's palette.