Petrol Alley color palette — #ECF8F7 · #BAD8F4 · #6499D4 · #00769D · #213A63
Built around Slate, softened by Cornflower — the whole palette hums with trust and stability.
The five colors
- Ivory (#ECF8F7): bright and airy, almost weightless.
- Powder Blue (#BAD8F4): A whisper-light, dusty blue — the color of a favorite pair of jeans.
- Cornflower (#6499D4): A luminous, balanced blue — the color of a favorite pair of jeans.
- Slate (#00769D): A full-bodied, balanced blue — the color of a favorite pair of jeans.
- Navy (#213A63): 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
- Aged Balcony color palette (#F3F7EE, #DAD5DF, #77A9E5, #3A7794, #3C253B)
- Turquoise Thicket color palette (#EDF8F6, #B5DCE9, #24A7BA, #007D75, #004250)
- Weathered Petrol Station color palette (#DBF1EE, #71ACBC, #00718F, #00494E, #001622)
- Hushed Cobalt Drift color palette (#FCF2F5, #ABC9E3, #5174C5, #005E68, #303858)
- Weathered Cerulean color palette (#EEF7F7, #D8DBEA, #96B5D4, #4F90A9, #41546C)
- Pale Olive color palette (#C6EDF2, #22AD92, #3691CD, #7D7D00, #003237)
- Lagoon Basin color palette (#CAFCFF, #65CFD9, #00919A, #005F64, #002427)
- Aged Lagoon Villa color palette (#C5EDDB, #51BFA6, #009886, #006864, #004142)
Browse the whole catalog at Explore, or see today's palette.