Petrol Canyon color palette — #D3ECFE · #0072A7 · #272D59 · #191820 · #000812
Slate takes the lead with Navy close behind in a set that reads as trust and stability at first glance.
The five colors
- Frost (#D3ECFE): A whisper-light, dusty blue — the color of deep harbor water.
- Slate (#0072A7): A full-bodied, balanced blue — the color of deep harbor water.
- Navy (#272D59): A deep, shadowed, dusty violet — the color of twilight just after sunset.
- Ink (#191820): quiet, heavy and certain.
- Ink (#000812): A deep, shadowed, dusty blue — the color of open sky before noon.
Feels like: Trust, Stability, Creativity, Sophistication. Tagged noir, dark, luxury, muted.
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
- Washed Cypress color palette (#C9E8F0, #007B77, #00384A, #181C22, #00090C)
- Lowlit Denim color palette (#D8EEE6, #005886, #352E36, #001737, #000302)
- Cornflower Archive color palette (#E1F0FF, #1395FA, #555186, #1E364F, #000910)
- Wisteria Bloom color palette (#E3E5FE, #B872FF, #69597C, #3A3B4A, #0A0D14)
- Patina Villa color palette (#F1E2ED, #39C4DA, #008EC1, #006F5B, #00132E)
- Moonless Lapis color palette (#D1E1FE, #3D46FF, #3C2650, #21171E, #01061A)
- Wandering Powder color palette (#EAF3FF, #8DB7FF, #777A8C, #4E5560, #1D2226)
- Airy Veranda color palette (#E0F5EB, #63AD47, #00855D, #00616E, #041400)
Browse the whole catalog at Explore, or see today's palette.