Petrol Canyon color palette — #E9F5EC · #C9DAD9 · #A7C8B9 · #007987 · #1B291F
A conversation between Teal and Stone, giving this palette its sense of trust and stability.
The five colors
- Cream (#E9F5EC): bright and airy, almost weightless.
- Silver (#C9DAD9): a clean, paper-quiet neutral.
- Stone (#A7C8B9): A luminous, dusty teal — the color of glacier melt.
- Teal (#007987): A full-bodied, balanced blue — the color of a favorite pair of jeans.
- Onyx (#1B291F): A deep, shadowed, dusty teal — the color of sea glass.
Feels like: Trust, Stability, Sophistication. Tagged scandi, muted, light.
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 Petrol Harbor color palette (#E9F5F1, #ECD6DE, #CBB8C9, #0072A9, #132A23)
- Dusty Denim color palette (#E1ECE6, #C2CFC9, #94A9A2, #005F73, #071A10)
- Aged Cypress color palette (#EBF8FC, #D3D9E9, #ADBED3, #007980, #28444E)
- Washed Teal color palette (#EFF8F0, #CAE3E3, #D9C4B4, #01A6AD, #2B392D)
- Faded Pine color palette (#F4F4DA, #7FB97A, #237E47, #1F5846, #0A2808)
- Obsidian Veranda color palette (#DBF8EC, #0074A1, #0B2B47, #00150D, #000502)
- Aged Drift color palette (#F7EFF3, #DDD4D3, #B4ABA4, #9B768C, #3C3338)
- Gentle Cobalt color palette (#D9FCEA, #2DE1FB, #00BEF0, #017FDC, #001C2C)
Browse the whole catalog at Explore, or see today's palette.