Petrol Alley color palette — #F0F7F4 · #E1D3D1 · #D0B6B6 · #427C98 · #404B46
Slate takes the lead with Stone close behind in a set that reads as trust and stability at first glance.
The five colors
- Ivory (#F0F7F4): bright and airy, almost weightless.
- Silver (#E1D3D1): a clean, paper-quiet neutral.
- Stone (#D0B6B6): A luminous, dusty red — the color of a theater curtain.
- Slate (#427C98): A full-bodied, dusty blue — the color of open sky before noon.
- Charcoal (#404B46): 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 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
- Petrol Cabin color palette (#ECF3F9, #D6D7E4, #BCBBCD, #547A95, #262D33)
- Aged Indigo color palette (#FAF3F7, #EDD5CF, #DBAFAF, #6658BA, #4A3B43)
- Antique Lagoon color palette (#F6F6E9, #A7B68E, #00857D, #406255, #374A01)
- Ancient Ash color palette (#EFF6FC, #D9D9E4, #B7ADB7, #81B3D2, #41494F)
- Patina Olive Delta color palette (#E4FCEF, #D1AFCB, #A97C88, #70691D, #445540)
- Muted Navy color palette (#E5F0EC, #B4A3B0, #9B7182, #003B5D, #001912)
- Weathered Coast color palette (#F5ECEF, #D6C8CA, #B69895, #5E428E, #38292F)
- Sapphire Harbor color palette (#EDE0EB, #3B6CCD, #452735, #281927, #0B1414)
Browse the whole catalog at Explore, or see today's palette.