Petrol Alley color palette — #EFF7F6 · #D3DDEF · #66A3BC · #217C85 · #39566C
Teal and Blue Fog set the tone — five colors that lean into trust and stability.
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 (#66A3BC): A luminous, dusty blue — the color of deep harbor water.
- Teal (#217C85): A full-bodied, balanced blue — the color of a favorite pair of jeans.
- Peacock (#39566C): A full-bodied, dusty blue — the color of deep harbor water.
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
- Dusty Denim Summit color palette (#E4F3F0, #6AAAB8, #006178, #003E40, #002331)
- Worn Turquoise Cabin color palette (#F6EFF4, #D5D2E9, #6BA3C9, #34786D, #29374A)
- Timeworn Petrol Villa color palette (#F2F5FF, #9490CA, #B2738E, #25829C, #3A415A)
- Hushed Coast color palette (#FBF3EF, #CCE8E6, #7DB9E2, #49968A, #5E4C5C)
- Wandering Hollow color palette (#F2F4FF, #DDD7E1, #D7AEA8, #878DC3, #4E5065)
- Wandering Abyss Corridor color palette (#E3F4F2, #57889E, #004160, #002128, #000A17)
- Timeworn Studio color palette (#F5F6EE, #BBE3F1, #A6D2BD, #72AEB4, #345146)
- Muted Quarry color palette (#EBF8F7, #AFD3F1, #1784D4, #00627E, #1E406C)
Browse the whole catalog at Explore, or see today's palette.