Petrol Alley color palette — #F0F6FA · #93C9E3 · #946AA4 · #00789D · #2D2C37
Built around Slate, softened by Slate — the whole palette hums with trust and stability.
The five colors
- Ivory (#F0F6FA): bright and airy, almost weightless.
- Sky (#93C9E3): A luminous, dusty blue — the color of a favorite pair of jeans.
- Slate (#946AA4): A full-bodied, balanced pink — the color of neon signs at night.
- Slate (#00789D): A full-bodied, balanced blue — the color of a favorite pair of jeans.
- Onyx (#2D2C37): quiet, heavy and certain.
Feels like: Trust, Stability, Creativity, Sophistication. Tagged duotone, 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
- Indigo Courtyard color palette (#EDF7F9, #8FCFBE, #846EB7, #057F6B, #2B2D38)
- Iris Drift color palette (#F6EFF6, #96C8FF, #8875B9, #4D74A0, #1C1217)
- Driftwood Balcony color palette (#F2F5FB, #B1BCF9, #AF6278, #5F67A5, #332A36)
- Ancient Cerulean color palette (#F0F6FD, #AFD5FF, #A090CC, #6190C2, #2B2D3A)
- Washed Iris Balcony color palette (#ECF7FF, #A4B8E5, #7F78BD, #704E80, #673656)
- Ancient Pewter color palette (#E6FBF4, #7BACE0, #8865A5, #525F36, #3E485B)
- Weathered Atelier color palette (#F1F6FB, #DCD9E2, #B9A7A6, #6C84A1, #4D535A)
- Ancient Terracotta color palette (#EBF7FD, #3C92A5, #9C4D52, #415223, #29383F)
Browse the whole catalog at Explore, or see today's palette.