Petrol Alley color palette — #FFE9DE · #5BC8DA · #006FA0 · #004029 · #000016
A conversation between Peacock and Aqua, giving this palette its sense of trust and stability.
The five colors
- Rose Water (#FFE9DE): A whisper-light, dusty orange — the color of toasted spice.
- Aqua (#5BC8DA): A luminous, balanced blue — the color of deep harbor water.
- Peacock (#006FA0): A full-bodied, balanced blue — the color of a favorite pair of jeans.
- Forest (#004029): A deep, shadowed, dusty teal — the color of shallow lagoons.
- Ink (#000016): A deep, shadowed, dusty violet — the color of a velvet chair.
Feels like: Trust, Stability, Calm, Balance. Tagged coastal, cool, light.
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
- Timeworn Ultramarine color palette (#F9ECDE, #63C0FF, #3E5ACD, #003E3D, #04000F)
- Frosted Cobalt color palette (#FFF2EA, #80D9FF, #357AD1, #005248, #0C022D)
- Patina Denim color palette (#F4E5F0, #5B9BA7, #005070, #003127, #00132F)
- Patina Cerulean color palette (#D2E3E0, #62C0D1, #0092B0, #006C6F, #001721)
- Washed Loft color palette (#92F8CE, #00B17F, #006251, #001A10, #000201)
- Mulberry Courtyard color palette (#D4F3E1, #24A46F, #930C90, #00482D, #030003)
- Airy Azure Boulevard color palette (#FFF2ED, #AFF3FB, #339DCE, #0A6D42, #091C41)
- Quiet Seafoam color palette (#D9FFD3, #00E5E0, #62A2F6, #5E5A00, #020600)
Browse the whole catalog at Explore, or see today's palette.