Petrol Alley color palette — #E8F1EA · #8AB8D2 · #006BB3 · #004E57 · #172C56
Royal Blue and Navy set the tone — five colors that lean into trust and stability.
The five colors
- Cream (#E8F1EA): a clean, paper-quiet neutral.
- Ash (#8AB8D2): A luminous, dusty blue — the color of deep harbor water.
- Royal Blue (#006BB3): A full-bodied, balanced blue — the color of deep harbor water.
- Deep Teal (#004E57): A deep, shadowed, dusty blue — the color of a favorite pair of jeans.
- Navy (#172C56): A deep, shadowed, balanced violet — the color of twilight just after sunset.
Feels like: Trust, Stability, Creativity, 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
- Ancient Field color palette (#EFF8F1, #A4CAEA, #4978C0, #005D71, #2B3A59)
- Timeworn Hollow color palette (#F2E5EB, #79BDE0, #3969B9, #004C45, #160E31)
- Petrol Corridor color palette (#E8F2E9, #7FBFBB, #007681, #00523B, #003441)
- Hushed Periwinkle Delta color palette (#EDF1E2, #B2DFCC, #58ADE8, #008DAA, #0B2F50)
- Patina Cerulean Hollow color palette (#DEEBE0, #499CB1, #00506E, #00302F, #001529)
- Muted Periwinkle color palette (#F1F7F2, #D9DDEE, #739CCE, #3B7986, #495364)
- Antique Azure color palette (#D9F7FD, #82D3E0, #4BA3DF, #006840, #003B3D)
- Faded Emerald Villa color palette (#E2F4E0, #00A464, #006E55, #00483F, #002D3C)
Browse the whole catalog at Explore, or see today's palette.