Petrol Alley color palette — #F2E4EE · #7FC0C8 · #0B7598 · #004D3B · #00172E
A conversation between Teal and Forest, giving this palette its sense of trust and stability.
The five colors
- Blush (#F2E4EE): A whisper-light, dusty pink — the color of neon signs at night.
- Ash (#7FC0C8): A luminous, dusty blue — the color of open sky before noon.
- Teal (#0B7598): A full-bodied, balanced blue — the color of a favorite pair of jeans.
- Forest (#004D3B): A deep, shadowed, dusty teal — the color of shallow lagoons.
- Midnight (#00172E): 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
- Hushed Lantern color palette (#E3F2EF, #8CB9CA, #007588, #00504E, #003442)
- Sapphire Balcony color palette (#E3ECE3, #99B7D3, #4965B9, #004A53, #17083A)
- Washed Denim Quarry color palette (#F7EBF1, #6DA5BE, #005A9C, #003938, #04022E)
- Muted Cobalt Loft color palette (#FFECF4, #A6D7F4, #4F84C8, #006264, #1C1D50)
- Wandering Cerulean Alley color palette (#F5F7EA, #B0F3FC, #00A3BE, #006A68, #00232D)
- Timeworn Loft color palette (#EDE1E8, #3C829B, #003E66, #001F1D, #00000C)
- Dusty Parlor color palette (#D4E9DD, #10B583, #006944, #003020, #000503)
- Fern Archive color palette (#D3F8F6, #86DFD4, #63AACE, #5C6000, #001E13)
Browse the whole catalog at Explore, or see today's palette.