Petrol Canyon color palette — #E2F2EF · #83C3CF · #00738B · #003E3F · #000305
Built around Teal, softened by Ash — the whole palette hums with trust and stability.
The five colors
- Cream (#E2F2EF): a clean, paper-quiet neutral.
- Ash (#83C3CF): A luminous, dusty blue — the color of open sky before noon.
- Teal (#00738B): A full-bodied, balanced blue — the color of a favorite pair of jeans.
- Deep Teal (#003E3F): A deep, shadowed, dusty teal — the color of sea glass.
- Ink (#000305): a grounded near-black with real depth.
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
- Muted Sapphire color palette (#E0F2F2, #91BCE0, #0067BC, #003B50, #00020E)
- Wandering Cobalt Corridor color palette (#E3FBF9, #96D6F3, #0084B9, #004F5D, #000E1C)
- Sunlit Grape Atelier color palette (#CAE6F4, #007195, #6A13CC, #005036, #000103)
- Wandering Periwinkle Station color palette (#E1F5FF, #A0D7FF, #7BA9E8, #005E6D, #00070D)
- Timeworn Lagoon Drift color palette (#D1F8F7, #009CA3, #00555E, #002C35, #000203)
- Pale Byzantium Bloom color palette (#E0EEF6, #008CA9, #8F37B1, #004352, #030005)
- Misty Cerulean Quarry color palette (#F2E3EF, #75BDCB, #008EC1, #006F5B, #00132E)
- Weathered Azure Lagoon color palette (#DFFCF9, #CCDDF3, #00A8DE, #00707D, #00283E)
Browse the whole catalog at Explore, or see today's palette.