Worn Petrol color palette — #F8F3F9 · #9BC4F1 · #946E96 · #3B70A7 · #39292C
A conversation between Slate and Sky, giving this palette its sense of trust and stability.
The five colors
- Ivory (#F8F3F9): a clean, paper-quiet neutral.
- Sky (#9BC4F1): A luminous, dusty blue — the color of open sky before noon.
- Slate (#946E96): A full-bodied, dusty pink — the color of neon signs at night.
- Slate (#3B70A7): A full-bodied, balanced blue — the color of a favorite pair of jeans.
- Espresso (#39292C): A deep, shadowed, dusty red — the color of embers at dusk.
Feels like: Trust, Stability, Creativity, Sophistication. Tagged duotone, 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
- Wandering Workshop color palette (#F1F7F2, #81CFD6, #7975B2, #007C84, #382831)
- Petrol Loft color palette (#FBF2F7, #DCB2CB, #AC6573, #6565A3, #372A27)
- Washed Petrol color palette (#EDF4F1, #A0CFBC, #A66E91, #007BAA, #1F1212)
- Wandering Loft color palette (#FDF4E5, #9DA3D7, #8A6993, #67582F, #56414B)
- Dusty Cerulean Garden color palette (#EFF6FB, #A6DAF1, #C6888E, #2899C1, #362837)
- Aged Driftwood color palette (#FAF3F8, #E1D7D7, #B0ACA1, #7580A7, #585055)
- Patina Villa color palette (#FCF1FC, #698BC1, #935B4D, #515218, #2D392D)
- Worn Coast color palette (#FFF0FB, #8399FF, #A23176, #3943B8, #310E22)
Browse the whole catalog at Explore, or see today's palette.