Petrol Alley color palette — #E7F2E9 · #70BFD0 · #007295 · #00504B · #05314D
Built around Teal, softened by Cyan — the whole palette hums with trust and stability.
The five colors
- Cream (#E7F2E9): a clean, paper-quiet neutral.
- Cyan (#70BFD0): A luminous, balanced blue — the color of open sky before noon.
- Teal (#007295): A full-bodied, balanced blue — the color of deep harbor water.
- Forest (#00504B): A deep, shadowed, dusty teal — the color of sea glass.
- Deep Teal (#05314D): 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
- Weathered Petrol Quarry color palette (#F1E5EE, #7EBFCE, #1174A0, #004C40, #001435)
- Linen Denim Archive color palette (#E5F0E7, #4CA9DB, #00599B, #003D45, #0C1C44)
- Dusty Cerulean Hollow color palette (#F7ECE7, #96CFDB, #3D90BB, #006E5C, #0A2D59)
- Worn Courtyard color palette (#EEF0E3, #BBDDC5, #1EB6DB, #009094, #003345)
- Lagoon Lantern color palette (#D9EBDC, #2CA2A4, #005360, #003125, #001720)
- Ash Field color palette (#F0F7F1, #D5DFF1, #6EA1BD, #4A7682, #415568)
- Worn Seafoam Terrace color palette (#CCF9FA, #73E3DE, #44A5BE, #426B2E, #053F46)
- Timeworn Moss Quarry color palette (#DAE2C8, #4A9D00, #006C35, #004B32, #003135)
Browse the whole catalog at Explore, or see today's palette.