Petrol Alley color palette — #F2E7E1 · #56B0B8 · #0080A2 · #006046 · #000A17
Cerulean takes the lead with Pine close behind in a set that reads as trust and stability at first glance.
The five colors
- Parchment (#F2E7E1): a clean, paper-quiet neutral.
- Cyan (#56B0B8): A luminous, balanced blue — the color of a favorite pair of jeans.
- Cerulean (#0080A2): A full-bodied, balanced blue — the color of open sky before noon.
- Pine (#006046): A full-bodied, balanced teal — the color of sea glass.
- Ink (#000A17): A deep, shadowed, 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
- Wandering Grove color palette (#F6E9DF, #6AAAC9, #0074D4, #005D5D, #04012B)
- Denim Alley color palette (#D4E5E2, #599FA6, #006372, #003C39, #000B10)
- Aged Lagoon Terrace color palette (#E0EBE2, #38858C, #004351, #00201A, #000103)
- Misty Field color palette (#FDE4D9, #E4291A, #008187, #A00801, #000808)
- Gentle Iris color palette (#F0E6DC, #9AC5EB, #6089FF, #007B89, #201249)
- Aged Pier color palette (#FAE4E0, #CA2400, #00747F, #27527B, #060000)
- Ancient Periwinkle Boulevard color palette (#F8ECE4, #9FDEF6, #3CACFF, #009289, #1D2B53)
- Ancient Boulevard color palette (#F6ECD7, #7E8834, #735E00, #5B3500, #010500)
Browse the whole catalog at Explore, or see today's palette.