Petrol Alley color palette — #FFEEE6 · #79C9DB · #007BAB · #005346 · #00183D
Cerulean and Sky set the tone — five colors that lean into trust and stability.
The five colors
- Cream (#FFEEE6): A whisper-light, dusty orange — the color of autumn markets.
- Sky (#79C9DB): A luminous, balanced blue — the color of a favorite pair of jeans.
- Cerulean (#007BAB): A full-bodied, balanced blue — the color of open sky before noon.
- Forest (#005346): A deep, shadowed, dusty teal — the color of glacier melt.
- Midnight (#00183D): A deep, shadowed, dusty blue — the color of a favorite pair of jeans.
Feels like: Trust, Stability, Calm, Balance. 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
- Aqua Veranda color palette (#F4F8DE, #13CDEC, #007A97, #005559, #00384D)
- Sapphire Dune color palette (#FDEFE2, #87C3EE, #1661F7, #005157, #180B46)
- Washed Denim Ridge color palette (#F6EDE8, #60A8BC, #005E8C, #003A33, #000628)
- Frosted Veranda color palette (#DBF8FF, #9ACEFF, #A889FF, #00786E, #002230)
- Worn Courtyard color palette (#FFF0FB, #76DCF1, #0098D1, #007462, #003169)
- Turquoise Chapel color palette (#E4FBF7, #C5E1F7, #00ABD0, #007275, #002938)
- Weathered Brick Harbor color palette (#D7EAED, #00808F, #BD0028, #6D4B00, #001115)
- Linen Lantern color palette (#D5EEDC, #0097AB, #B25100, #005663, #280D00)
Browse the whole catalog at Explore, or see today's palette.