Petrol Alley color palette — #EFF7F6 · #D3DDEF · #6BA2BA · #227C86 · #3B566A
Teal takes the lead with Blue Fog close behind in a set that reads as trust and stability at first glance.
The five colors
- Ivory (#EFF7F6): a clean, paper-quiet neutral.
- Silver (#D3DDEF): A whisper-light, dusty violet — the color of twilight just after sunset.
- Blue Fog (#6BA2BA): A luminous, dusty blue — the color of deep harbor water.
- Teal (#227C86): A full-bodied, balanced blue — the color of a favorite pair of jeans.
- Peacock (#3B566A): A full-bodied, dusty blue — the color of a favorite pair of jeans.
Feels like: Trust, Stability, Calm, 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
- Antique Drift color palette (#E3EEED, #70A9B7, #00617A, #003D41, #002332)
- Pine Meadow color palette (#EBF8F9, #87BDA9, #7E97D2, #008767, #3B4E6B)
- Tempered Lantern color palette (#FAF4F0, #C4DFE9, #7AB9E7, #49968B, #5D4D5B)
- Washed Abyss Balcony color palette (#DFF1F0, #5388A2, #004162, #002129, #000A18)
- Dusty Bronze Orchard color palette (#E2FBFC, #60A98B, #4B93B6, #847724, #26494B)
- Worn Station color palette (#ECF8F6, #ABCBD7, #00879A, #00605C, #004251)
- Quiet Cobalt Bloom color palette (#EAF9F8, #AED3F3, #2982D4, #006281, #1A3E76)
- Weathered Field color palette (#F4F6EE, #BAE4F3, #94D0ED, #88AC91, #365147)
Browse the whole catalog at Explore, or see today's palette.