Worn Petrol Pier color palette — #EDF2F9 · #DAD3DF · #BAB3C8 · #486495 · #1A212A
Built around Slate, softened by Ash — the whole palette hums with trust and stability.
The five colors
- Ivory (#EDF2F9): a clean, paper-quiet neutral.
- Silver (#DAD3DF): a clean, paper-quiet neutral.
- Ash (#BAB3C8): A luminous, dusty violet — the color of wild irises.
- Slate (#486495): A full-bodied, balanced violet — the color of twilight just after sunset.
- Onyx (#1A212A): A deep, shadowed, dusty blue — the color of a favorite pair of jeans.
Feels like: Trust, Stability, Sophistication. Tagged scandi, muted, light.
Use it as a design system
One click turns Worn Petrol Pier 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
- Washed Petrol Meadow color palette (#F0F5FE, #DDD6E7, #B1B1C6, #546289, #363B43)
- Driftwood Quarry color palette (#D4E5EF, #97A1C3, #9E6980, #2C595B, #053234)
- Washed Iris color palette (#F9F3F8, #E8D8D8, #C3B1A4, #7287C5, #362A33)
- Plum Veranda color palette (#F3F0F7, #E1D2D6, #D6B4C4, #A14089, #27232D)
- Navy Study color palette (#DEE2E8, #B1B1C4, #AA7E96, #293A8A, #050A16)
- Patina Grape color palette (#F0F1FC, #D8CFE5, #D59998, #752CB3, #17172B)
- Patina Mulberry Quarry color palette (#EBE7EF, #D3C7D1, #BE97A5, #843261, #1A1220)
- Weathered Pine Lagoon color palette (#ECF5EC, #9FA66C, #397443, #4A405F, #032218)
Browse the whole catalog at Explore, or see today's palette.