Petrol Canyon color palette — #D8E7F0 · #007E9D · #252F58 · #061822 · #000607
A conversation between Cerulean and Navy, giving this palette its sense of trust and stability.
The five colors
- Frost (#D8E7F0): A whisper-light, dusty blue — the color of a favorite pair of jeans.
- Cerulean (#007E9D): A full-bodied, balanced blue — the color of deep harbor water.
- Navy (#252F58): A deep, shadowed, dusty violet — the color of a velvet chair.
- Ink (#061822): A deep, shadowed, dusty blue — the color of a favorite pair of jeans.
- Ink (#000607): quiet, heavy and certain.
Feels like: Trust, Stability, Creativity, Sophistication, Depth, Luxury. 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
- Timeworn Sapphire color palette (#DEEDFF, #006DDD, #2F2F4E, #081728, #000509)
- Antique Cerulean Field color palette (#D2EEFF, #0099C5, #335872, #133346, #00050A)
- Muted Atelier color palette (#EEF1FE, #9A8BEB, #5C536A, #353741, #1E2227)
- Tempered Lagoon color palette (#E5EFFF, #427CFF, #937700, #566C1D, #0F1E3D)
- Pale Forest Archive color palette (#F4EBF4, #69D8DC, #1B93BA, #0C7135, #152E4E)
- Moss Meadow color palette (#D6EBD9, #9BB047, #19874B, #225E6B, #0D3026)
- Ancient Field color palette (#E9E8FF, #BC2FFD, #663144, #25233B, #0B111E)
- Sapphire Field color palette (#C3EAF0, #00AEE3, #006ED7, #493B93, #341B4B)
Browse the whole catalog at Explore, or see today's palette.