Petrol Alley color palette — #F0F6FA · #DAD9E2 · #C2BCCB · #2F7DA2 · #3D4A52
Built around Cerulean, softened by Charcoal — the whole palette hums with trust and stability.
The five colors
- Ivory (#F0F6FA): bright and airy, almost weightless.
- Silver (#DAD9E2): bright and airy, almost weightless.
- Stone (#C2BCCB): A luminous, dusty violet — the color of twilight just after sunset.
- Cerulean (#2F7DA2): A full-bodied, balanced blue — the color of deep harbor water.
- Charcoal (#3D4A52): A full-bodied, dusty blue — the color of deep harbor water.
Feels like: Trust, Stability, Sophistication. Tagged scandi, muted, 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
- Weathered Petrol color palette (#ECF4F1, #DDD0CF, #CCB4BA, #427BA2, #222F2B)
- Hushed Indigo Bloom color palette (#F3F5FC, #E2D5E4, #C3B5D2, #6759B8, #3B3F4F)
- Antique Parlor color palette (#E8FAF5, #86BBBB, #2E837A, #29607C, #284949)
- Muted Cypress color palette (#E8F8FF, #9FB3CB, #8083A1, #496E60, #335A5A)
- Antique Grove color palette (#E7EEF4, #A3A9B5, #7A7D98, #003B5F, #081520)
- Aged Garden color palette (#E4FBF3, #58A4B7, #5964A2, #574F00, #284052)
- Aubergine Delta color palette (#ECEEF8, #CDCAD8, #A89BAF, #5F4092, #2A2C3D)
- Navy Summit color palette (#E3E7EF, #9899A4, #746B85, #201076, #03071B)
Browse the whole catalog at Explore, or see today's palette.