Petrol Canyon color palette — #E3F2EF · #7BBEC7 · #007588 · #00504E · #003442
Built around Teal, softened by Ash — the whole palette hums with trust and stability.
The five colors
- Cream (#E3F2EF): bright and airy, almost weightless.
- Ash (#7BBEC7): A luminous, dusty blue — the color of open sky before noon.
- Teal (#007588): A full-bodied, balanced blue — the color of a favorite pair of jeans.
- Forest (#00504E): A deep, shadowed, dusty teal — the color of shallow lagoons.
- Deep Teal (#003442): 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 Canyon 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
- Patina Petrol Balcony color palette (#F1E5EE, #91BBCB, #00759A, #004D3B, #00162F)
- Aged Petrol Workshop color palette (#E3F2F2, #93B5D7, #3D68A6, #004B6B, #1C2B53)
- Hushed Periwinkle Drift color palette (#DCF2FF, #99D2F4, #719BCB, #006E7C, #183A4D)
- Turquoise Dune color palette (#EEEFE7, #99E1EB, #00B8D5, #00918E, #003442)
- Cerulean Summit color palette (#F7ECE7, #A8D0B1, #0093BF, #006E55, #002F55)
- Dusty Studio color palette (#C0EEFF, #00A3C8, #005970, #002C39, #001820)
- Dusty Byzantium Ridge color palette (#CAE2EF, #008DA8, #8A48AA, #005263, #3D0C51)
- Wandering Lapis color palette (#D7F5FD, #00788E, #554DB0, #005D29, #00242C)
Browse the whole catalog at Explore, or see today's palette.