Worn Petrol color palette — #F8EAF2 · #82BBD1 · #3A6AA1 · #005144 · #282851
A conversation between Slate and Deep Indigo, giving this palette its sense of trust and stability.
The five colors
- Blush (#F8EAF2): a clean, paper-quiet neutral.
- Ash (#82BBD1): A luminous, dusty blue — the color of open sky before noon.
- Slate (#3A6AA1): A full-bodied, balanced blue — the color of deep harbor water.
- Forest (#005144): A deep, shadowed, dusty teal — the color of sea glass.
- Deep Indigo (#282851): A deep, shadowed, dusty violet — the color of wild irises.
Feels like: Trust, Stability, Creativity, Calm, Sophistication. Tagged coastal, cool, 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
- Patina Corridor color palette (#FDF2F6, #A7CAE3, #5478B7, #006058, #3A335F)
- Washed Petrol Ridge color palette (#EDE8E1, #88BCD1, #0072A9, #004B4E, #001532)
- Patina Boulevard color palette (#F6E8EC, #81A2C2, #424CA2, #003E40, #280F42)
- Patina Basin color palette (#FAF2FA, #92DEDC, #008DAF, #006C22, #1B4168)
- Chalky Sapphire color palette (#C0E8E0, #589038, #2565CA, #285600, #00245E)
- Worn Basin color palette (#FBF2F6, #D8DFF0, #819BC0, #3F7B71, #49516D)
- Washed Drift color palette (#E9DDE6, #449EAB, #005073, #00321E, #010547)
- Soft Alley color palette (#F6ECE6, #B3DFC9, #5CA7FF, #00937E, #29294C)
Browse the whole catalog at Explore, or see today's palette.