Petrol Alley color palette — #E4F2F1 · #94B6CF · #006FA7 · #004D5E · #052F53
Built around Peacock, softened by Navy — the whole palette hums with trust and stability.
The five colors
- Cream (#E4F2F1): a clean, paper-quiet neutral.
- Ash (#94B6CF): A luminous, dusty blue — the color of open sky before noon.
- Peacock (#006FA7): A full-bodied, balanced blue — the color of a favorite pair of jeans.
- Deep Teal (#004D5E): A deep, shadowed, dusty blue — the color of a favorite pair of jeans.
- Navy (#052F53): A deep, shadowed, dusty blue — the color of open sky before noon.
Feels like: Trust, Stability, Calm, Sophistication. 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
- Antique Cypress color palette (#E6F1EF, #89BBC7, #00777C, #005145, #00353B)
- Softworn Summit color palette (#EEF7F7, #B3C8DB, #4E7BAD, #005B7A, #273A5B)
- Sapphire Workshop color palette (#F3E5EB, #7FBCDE, #0068CC, #004B4C, #0F1133)
- Periwinkle Garden color palette (#EDF0E5, #A0DCFF, #5FACE5, #008CAB, #122F4C)
- Weathered Denim color palette (#E2F4F1, #6399A8, #00516A, #002F33, #001623)
- Weathered Petrol Grove color palette (#EFF7F7, #D7DBEC, #759DC5, #1C7998, #40546C)
- Muted Byzantium color palette (#EED7E1, #B8672B, #9042AA, #723600, #3D104B)
- Linen Moss color palette (#DEFADC, #ABD3B4, #AF9D29, #834400, #493305)
Browse the whole catalog at Explore, or see today's palette.