Petrol Canyon color palette — #BFEDF7 · #86B1C0 · #3B7E93 · #4C5779 · #42425B
Slate and Peacock set the tone — five colors that lean into trust and stability.
The five colors
- Frost (#BFEDF7): A whisper-light, dusty blue — the color of a favorite pair of jeans.
- Ash (#86B1C0): A luminous, dusty blue — the color of open sky before noon.
- Slate (#3B7E93): A full-bodied, dusty blue — the color of open sky before noon.
- Peacock (#4C5779): A full-bodied, dusty violet — the color of wild irises.
- Charcoal (#42425B): A deep, shadowed, dusty violet — the color of twilight just after sunset.
Feels like: Trust, Stability, Calm, Sophistication. Tagged vintage, retro, muted, cool.
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
- Aged Cerulean Coast color palette (#E9F8FF, #98BDD6, #6D88A5, #5F5E7F, #524964)
- Timeworn Turquoise color palette (#E6F9FF, #3EB4D0, #00728B, #003B48, #00252E)
- Aged Boulevard color palette (#EDF8F6, #A5CCDA, #008897, #00605A, #1B3F50)
- Muted Delta color palette (#CDFAF6, #2D97A7, #005E7B, #3B305B, #25223F)
- Wandering Iris Parlor color palette (#E1ECFF, #A1A9E0, #8975BF, #844659, #5D425B)
- Ancient Violet Villa color palette (#D8F4FF, #00A0B0, #9256CA, #00626D, #3D2C4F)
- Sapphire Study color palette (#C6E5F3, #4999DA, #496CC7, #703570, #5C3148)
- Patina Driftwood Corridor color palette (#CCF1D3, #A6CCC8, #88B4C5, #A67B60, #543645)
Browse the whole catalog at Explore, or see today's palette.