Weathered Petrol Pier color palette — #EFF6FC · #D7DAE5 · #BDBECD · #4C7B91 · #42494E
A conversation between Slate and Stone, giving this palette its sense of trust and stability.
The five colors
- Ivory (#EFF6FC): a clean, paper-quiet neutral.
- Silver (#D7DAE5): a clean, paper-quiet neutral.
- Stone (#BDBECD): A luminous, dusty violet — the color of wild irises.
- Slate (#4C7B91): A full-bodied, dusty blue — the color of a favorite pair of jeans.
- Charcoal (#42494E): a grounded near-black with real depth.
Feels like: Trust, Stability, Sophistication. Tagged scandi, muted, light.
Use it as a design system
One click turns Weathered 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
- Petrol Garden color palette (#ECF3F8, #D5D7E1, #BCBAC9, #387F99, #232E34)
- Dusty Powder color palette (#EEF6FF, #A0ADDC, #7B83A8, #705F78, #5C4B5C)
- Hushed Abyss Alley color palette (#D9E3EB, #9AABBF, #6E809A, #003B5C, #071521)
- Worn Sky color palette (#EDF6FF, #A2E2FF, #71BCFF, #7082BA, #2D4057)
- Mint Archive color palette (#EAF9F7, #7EC09F, #47806E, #425F66, #294949)
- Worn Denim Orchard color palette (#EEF6FF, #C2D4EE, #9AA4CD, #115BA0, #233447)
- Worn Aubergine color palette (#E0DFEC, #BAB6C7, #9488A6, #5E2A6F, #1F1D2B)
- Cobalt Bloom color palette (#DBE6F3, #2371C7, #273245, #182029, #0A0C13)
Browse the whole catalog at Explore, or see today's palette.