Petrol Canyon color palette — #E7F4FA · #C8D6E0 · #94AECB · #006775 · #001E29
Peacock and Mauve set the tone — five colors that lean into trust and stability.
The five colors
- Ivory (#E7F4FA): bright and airy, almost weightless.
- Silver (#C8D6E0): A whisper-light, dusty blue — the color of a favorite pair of jeans.
- Mauve (#94AECB): A luminous, dusty blue — the color of open sky before noon.
- Peacock (#006775): A full-bodied, balanced blue — the color of a favorite pair of jeans.
- Midnight (#001E29): A deep, shadowed, dusty blue — the color of deep harbor water.
Feels like: Trust, Stability, Calm, Sophistication. Tagged scandi, muted, light, 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
- Wandering Denim color palette (#E3EAF2, #C6CBD6, #9FA2B5, #0053A4, #0D1722)
- Timeworn Cypress Atelier color palette (#F0F7F1, #BEDAD0, #BF9AB2, #00676D, #253828)
- Worn Cerulean color palette (#E9F8FE, #D9DBE6, #BEA8AD, #008F9B, #0F2831)
- Wandering Boulevard color palette (#E7EFF5, #848E9A, #5F6B83, #002E42, #000103)
- Weathered Parlor color palette (#F0F1F8, #DAD5DC, #C3B8C2, #726CA7, #282B38)
- Forest Coast color palette (#D0ECE3, #6EA56A, #006D47, #004847, #011C02)
- Powdered Grove color palette (#CAEFFE, #76A1D7, #6758AA, #712D07, #332200)
- Softworn Chapel color palette (#ECEEFA, #9F9DAF, #807690, #460082, #03030F)
Browse the whole catalog at Explore, or see today's palette.