Petrol Alley color palette — #D9EDFF · #8FBAEE · #608CD6 · #4563B2 · #404972
A conversation between Royal Blue and Lavender Blue, giving this palette its sense of trust and stability.
The five colors
- Frost (#D9EDFF): A whisper-light, dusty blue — the color of deep harbor water.
- Sky (#8FBAEE): A luminous, balanced blue — the color of a favorite pair of jeans.
- Lavender Blue (#608CD6): A luminous, balanced violet — the color of wild irises.
- Royal Blue (#4563B2): A full-bodied, balanced violet — the color of a velvet chair.
- Peacock (#404972): A full-bodied, dusty violet — the color of a velvet chair.
Feels like: Trust, Stability, Creativity, Calm, Balance. Tagged 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
- Hushed Azure Courtyard color palette (#C5F4FF, #71C2DB, #139ECC, #00719C, #174A6C)
- Tempered Periwinkle color palette (#EDF7FF, #B1D5FF, #72A6EF, #566FA5, #343B5D)
- Hazy Indigo color palette (#FFDFF3, #B4B4F5, #9586DA, #7A58AF, #533D69)
- Faded Cornflower Basin color palette (#C0EBD5, #63AFE6, #417EDE, #484E8F, #5F3B4A)
- Softworn Cornflower color palette (#FFF0FC, #A1B6EE, #DB899A, #5677E5, #652E3B)
- Periwinkle Alley color palette (#FFF0FA, #E7D5D4, #CCBCB6, #8199D1, #604454)
- Sunlit Wisteria Station color palette (#FFF0FE, #85A5DC, #BD7FBD, #009A9A, #472E46)
- Grape Lantern color palette (#DEE4F3, #8D99FF, #6F50FF, #6800DD, #44177A)
Browse the whole catalog at Explore, or see today's palette.