Petrol Canyon color palette — #C6EEFE · #0073A2 · #00497B · #00265D · #040032
A conversation between Slate and Midnight, giving this palette its sense of trust and stability.
The five colors
- Frost (#C6EEFE): A whisper-light, dusty blue — the color of deep harbor water.
- Slate (#0073A2): A full-bodied, balanced blue — the color of deep harbor water.
- Navy (#00497B): A deep, shadowed, balanced blue — the color of a favorite pair of jeans.
- Midnight (#00265D): A deep, shadowed, balanced blue — the color of deep harbor water.
- Ink (#040032): A deep, shadowed, balanced violet — the color of a velvet chair.
Feels like: Trust, Stability, Creativity, Calm, Balance. Tagged 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
- Patina Petrol Atelier color palette (#E0F2F9, #007BAB, #004474, #001030, #01000A)
- Smoked Canyon color palette (#C1E9EA, #00617B, #003857, #09004B, #12002B)
- Tempered Thicket color palette (#CBE6E4, #007A81, #004E5D, #002835, #000913)
- Tempered Nightshade color palette (#D0EBFF, #0066C0, #0032BE, #200069, #0C0025)
- Tempered Sapphire color palette (#E6F1FF, #0066C8, #755000, #003670, #0A0500)
- Lilac Courtyard color palette (#D7E9FF, #9B97E4, #9A6FAB, #004D73, #070A2F)
- Weathered Sapphire color palette (#C9E2FA, #5E9DFD, #4B66DD, #423B98, #331F5B)
- Timeworn Aubergine color palette (#DBE3F8, #5B4FCD, #5802A9, #320051, #130017)
Browse the whole catalog at Explore, or see today's palette.