Petrol Canyon color palette — #DAF4F3 · #71A8D4 · #0967B7 · #00465F · #001036
A conversation between Cobalt and Cornflower, giving this palette its sense of trust and stability.
The five colors
- Honeydew (#DAF4F3): A whisper-light, dusty teal — the color of glacier melt.
- Cornflower (#71A8D4): A luminous, balanced blue — the color of deep harbor water.
- Cobalt (#0967B7): A full-bodied, balanced blue — the color of a favorite pair of jeans.
- Navy (#00465F): A deep, shadowed, dusty blue — the color of deep harbor water.
- Midnight (#001036): A deep, shadowed, dusty violet — the color of a velvet chair.
Feels like: Trust, Stability, Calm, Balance. Tagged coastal, cool, light.
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 color palette (#D3E3E1, #52B0C6, #00718E, #00494E, #001622)
- Hushed Coast color palette (#EBF0E2, #7CBEF4, #0067BD, #003B50, #00020E)
- Soft Lilac color palette (#D3E2F7, #A3B3F3, #9A87DD, #005B98, #0C1639)
- Powdered Navy color palette (#EEE0E5, #6195BE, #1C3F9E, #002F34, #150041)
- Chalky Cobalt color palette (#DCF4FF, #0082B4, #005683, #003359, #00142F)
- Frosted Field color palette (#F5E9DD, #78B7E8, #4A7BED, #006B76, #150140)
- Patina Cobalt color palette (#E4F2F1, #9CCBEB, #418CCA, #006884, #0F2E53)
- Faded Plum color palette (#CEE6FF, #007AD2, #AC247A, #00467D, #230015)
Browse the whole catalog at Explore, or see today's palette.