Petrol Alley color palette — #ECF3F9 · #D8D4E6 · #B4B6C7 · #366994 · #1B2127
Peacock and Silver set the tone — five colors that lean into trust and stability.
The five colors
- Ivory (#ECF3F9): a clean, paper-quiet neutral.
- Silver (#D8D4E6): A whisper-light, dusty violet — the color of twilight just after sunset.
- Ash (#B4B6C7): A luminous, dusty violet — the color of twilight just after sunset.
- Peacock (#366994): A full-bodied, balanced blue — the color of a favorite pair of jeans.
- Onyx (#1B2127): quiet, heavy and certain.
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
- Softworn Petrol color palette (#EDF8F4, #E5D7D8, #C1ADB1, #266999, #323D3A)
- Pewter Courtyard color palette (#F2F0FB, #E4D0DC, #D0B5CF, #83598A, #252331)
- Pewter Loft color palette (#CFE1F5, #96A2C7, #7B698D, #32534B, #0A322A)
- Tempered Atelier color palette (#F9F3F9, #ECD7DC, #C6AFA6, #6D8CB4, #342A35)
- Mulberry Grove color palette (#EAE7EF, #D3C6D7, #B49BAE, #763D6C, #181320)
- Navy Chapel color palette (#E7F0FA, #AAB2CC, #8C8AA5, #17437B, #050B13)
- Washed Thicket color palette (#E7E7F4, #9388A1, #746577, #3B134F, #010105)
- Eclipse Veranda color palette (#D6E2FC, #4D48DC, #24203D, #070C18, #000205)
Browse the whole catalog at Explore, or see today's palette.