Petrol Canyon color palette — #E7F4FF · #69BDFF · #006FAF · #003C67 · #001222
Slate and Sky set the tone — five colors that lean into trust and stability.
The five colors
- Ivory (#E7F4FF): A whisper-light, dusty blue — the color of open sky before noon.
- Sky (#69BDFF): A luminous, balanced blue — the color of open sky before noon.
- Slate (#006FAF): A full-bodied, balanced blue — the color of deep harbor water.
- Navy (#003C67): A deep, shadowed, balanced blue — the color of deep harbor water.
- Ink (#001222): A deep, shadowed, dusty blue — the color of a favorite pair of jeans.
Feels like: Trust, Stability, Calm, Balance. Tagged monochrome, 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
- Timeworn Aqua Garden color palette (#DCF8FF, #00CAEB, #007A90, #00424F, #001115)
- Sapphire Canyon color palette (#E7EEFF, #8CA2EC, #405DD0, #1B2978, #04032B)
- Muted Cornflower Market color palette (#EEF6FF, #88C5FF, #008DF0, #005795, #002443)
- Patina Petrol Ridge color palette (#E8F3FF, #D9D3F3, #B3B8FF, #0076A6, #0E2846)
- Weathered Indigo Archive color palette (#EDF1FF, #B5ABEC, #7667BF, #433576, #170F31)
- Timeworn Veranda color palette (#CAE6E9, #FF73D8, #9490FF, #201B4A, #080B14)
- Muted Villa color palette (#F3EFFF, #AF96FF, #8135EA, #470690, #150034)
- Nightshade Thicket color palette (#ECF2FF, #E88695, #3C3C9D, #181255, #030617)
Browse the whole catalog at Explore, or see today's palette.