Petrol Alley color palette — #F6EBF3 · #82BDC2 · #007392 · #00523B · #033050
A conversation between Teal and Forest, giving this palette its sense of trust and stability.
The five colors
- Blush (#F6EBF3): a clean, paper-quiet neutral.
- Ash (#82BDC2): A luminous, dusty blue — the color of open sky before noon.
- Teal (#007392): A full-bodied, balanced blue — the color of a favorite pair of jeans.
- Forest (#00523B): A deep, shadowed, balanced teal — the color of shallow lagoons.
- Deep Teal (#033050): A deep, shadowed, dusty blue — the color of deep harbor water.
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 Harbor color palette (#E9EBDB, #78C1C8, #007889, #004B48, #001921)
- Timeworn Cobalt color palette (#FAF2F8, #A4CCDF, #1C81B2, #006153, #263C56)
- Wandering Garden color palette (#F6EBF1, #70A8BD, #005B94, #003E3A, #101C43)
- Wandering Sapphire color palette (#F8EAEF, #84B7E1, #3B60C4, #004E57, #2C2750)
- Feathered Corridor color palette (#F4EEE3, #99E2E8, #00B7DA, #00937E, #003248)
- Muted Orchard color palette (#F9F3F8, #D6D6EB, #5EA3C4, #3B7D6A, #445466)
- Softworn Cerulean Chapel color palette (#E8D9E2, #318DA6, #004063, #00231E, #000429)
- Ancient Nightshade Chapel color palette (#E5EDE4, #5B95C6, #1E35B1, #002F35, #16033C)
Browse the whole catalog at Explore, or see today's palette.