Petrol Alley color palette — #F8EFF2 · #DAD0E2 · #8B9DBC · #457284 · #30354A
A conversation between Slate and Blue Fog, giving this palette its sense of sophistication.
The five colors
- Ivory (#F8EFF2): bright and airy, almost weightless.
- Silver (#DAD0E2): A whisper-light, dusty violet — the color of twilight just after sunset.
- Blue Fog (#8B9DBC): A luminous, dusty violet — the color of twilight just after sunset.
- Slate (#457284): A full-bodied, dusty blue — the color of a favorite pair of jeans.
- Navy (#30354A): A deep, shadowed, dusty violet — the color of a velvet chair.
Feels like: Sophistication. Tagged coastal, cool, light, muted.
Use it as a design system
One click turns Petrol Alley 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
- Aged Petrol Atelier color palette (#EFF7F7, #D8DBEB, #819CBB, #20789F, #43536B)
- Antique Dune color palette (#F8EFF5, #C4E2EB, #5C98A7, #2D6D4C, #0F2F45)
- Tempered Bloom color palette (#F3E4ED, #93B9CE, #0072AB, #004C44, #010F3F)
- Olive Alley color palette (#E4F6F3, #9EBE94, #A192C7, #587D4C, #2C2F48)
- Ancient Denim Field color palette (#FAE8EE, #6DA2CB, #3053A3, #00383E, #0B012A)
- Worn Abyss Drift color palette (#ECDAE7, #4A8386, #004353, #002014, #000104)
- Muted Bloom color palette (#DEF9F2, #C1E1F0, #B9B6D8, #6A957F, #2A4645)
- Tempered Driftwood Archive color palette (#FDEDF3, #ACC2AE, #9B7786, #684F62, #1C3126)
Browse the whole catalog at Explore, or see today's palette.