Petrol Alley color palette — #BEE8F1 · #00829E · #005F7A · #003A54 · #001828
Cerulean takes the lead with Peacock close behind in a set that reads as trust and stability at first glance.
The five colors
- Frost (#BEE8F1): A whisper-light, dusty blue — the color of deep harbor water.
- Cerulean (#00829E): A full-bodied, balanced blue — the color of a favorite pair of jeans.
- Peacock (#005F7A): A full-bodied, balanced blue — the color of deep harbor water.
- Deep Teal (#003A54): A deep, shadowed, dusty blue — the color of open sky before noon.
- Ink (#001828): A deep, shadowed, dusty blue — the color of deep harbor water.
Feels like: Trust, Stability, Calm, Sophistication. Tagged muted, cool.
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
- Softworn Basin color palette (#DBF1ED, #007F8A, #00495C, #00243D, #020046)
- Lagoon Archive color palette (#C6E9D6, #008A6C, #006657, #003733, #001615)
- Worn Turquoise Boulevard color palette (#D1EEFB, #00B3E9, #0081BB, #005990, #002E5A)
- Plum Thicket color palette (#D8EBFC, #0080BA, #A12C90, #004A6F, #21001C)
- Azure Studio color palette (#E1F0FF, #0093E8, #005B92, #002742, #000206)
- Misty Grape Canyon color palette (#D3EDFF, #006E9F, #7332AE, #005845, #000811)
- Iris Bloom color palette (#D6E9FD, #AEA5E7, #8085EB, #005C82, #00142D)
- Navy Grove color palette (#D0E6F8, #0079D2, #0056B4, #03088F, #0A0047)
Browse the whole catalog at Explore, or see today's palette.