Petrol Alley color palette — #EDF0E1 · #6BC4E7 · #00709B · #003C46 · #000307
Peacock and Sky set the tone — five colors that lean into trust and stability.
The five colors
- Cream (#EDF0E1): A whisper-light, dusty green — the color of fresh herbs.
- Sky (#6BC4E7): A luminous, balanced blue — the color of deep harbor water.
- Peacock (#00709B): A full-bodied, balanced blue — the color of a favorite pair of jeans.
- Deep Teal (#003C46): A deep, shadowed, dusty blue — the color of open sky before noon.
- Ink (#000307): A deep, shadowed, 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
- Denim Canyon color palette (#E2E3D7, #64B1B2, #006069, #002C27, #000102)
- Antique Ridge color palette (#F3F7EC, #9BD3FF, #007BDB, #004D68, #000A27)
- Airy Lantern color palette (#FBECE2, #32C1ED, #0088DB, #006D67, #060E38)
- Antique Lagoon color palette (#F6E7DD, #509AB6, #00498C, #003128, #120142)
- Dusty Sky Villa color palette (#F4F7ED, #BEE1F2, #43B0F4, #007B94, #11304D)
- Hazy Bronze color palette (#FFEBDB, #C05F00, #007C3A, #5F2C00, #000200)
- Antique Quarry color palette (#F5F6EF, #BBE1E6, #57CFD8, #2F9484, #284732)
- Hazy Garnet color palette (#FCE0C7, #945600, #416500, #7C0043, #020100)
Browse the whole catalog at Explore, or see today's palette.