Petrol Alley color palette — #D8FFF4 · #E2DFF4 · #ABB6FF · #0078A3 · #2A4972
A conversation between Cerulean and Lavender, giving this palette its sense of trust and stability.
The five colors
- Honeydew (#D8FFF4): A whisper-light, dusty teal — the color of glacier melt.
- Frost (#E2DFF4): A whisper-light, dusty violet — the color of a velvet chair.
- Lavender (#ABB6FF): A luminous, balanced violet — the color of a velvet chair.
- Cerulean (#0078A3): A full-bodied, balanced blue — the color of open sky before noon.
- Navy (#2A4972): A full-bodied, dusty blue — the color of a favorite pair of jeans.
Feels like: Trust, Stability, Creativity, Calm, Balance. Tagged pastel, light, 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
- Sky Studio color palette (#DFFEE9, #B9EAD2, #74BAF3, #00888C, #004B60)
- Misty Cobalt color palette (#FFF0FA, #E7D5E8, #CF9DF8, #466AC1, #3E3B5F)
- Antique Mallow Courtyard color palette (#ECF7FF, #DCD7E9, #EAB3FF, #0099A2, #2E4A66)
- Airy Denim color palette (#FFEBFE, #B9CAFE, #9C93E1, #005D93, #1E2E4E)
- Worn Lantern color palette (#DBFAEC, #E5DFF1, #EDA1FF, #007D80, #0A2E4C)
- Worn Nightshade Harbor color palette (#F8E1EF, #BCB3EE, #A26CCB, #2547AF, #271F48)
- Dusty Sky color palette (#EEF6FF, #DBD7EB, #D9AFC6, #6FB6E5, #2F4461)
- Timeworn Driftwood color palette (#FFF1F4, #E3D7D2, #ABB09C, #9076A7, #63474B)
Browse the whole catalog at Explore, or see today's palette.