Petrol Canyon color palette — #ECE6DD · #75C1BF · #008493 · #005B45 · #00242F
Cerulean takes the lead with Pine close behind in a set that reads as trust and stability at first glance.
The five colors
- Parchment (#ECE6DD): bright and airy, almost weightless.
- Mint Leaf (#75C1BF): A luminous, dusty teal — the color of sea glass.
- Cerulean (#008493): A full-bodied, balanced blue — the color of deep harbor water.
- Pine (#005B45): A full-bodied, balanced teal — the color of sea glass.
- Midnight (#00242F): A deep, shadowed, dusty blue — the color of deep harbor water.
Feels like: Trust, Stability, Calm, Sophistication. Tagged coastal, cool, light, 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
- Antique Petrol Canyon color palette (#F3ECE1, #4DB1C8, #007096, #004A48, #001528)
- Aged Drift color palette (#E7FAF6, #95DAD8, #008B93, #005248, #001013)
- Cerulean Basin color palette (#F5EDE2, #8DD1DE, #0094BC, #006D65, #00314D)
- Tempered Cobalt color palette (#EFE9E1, #87B8D7, #0076D0, #005764, #09194C)
- Soft Turquoise color palette (#F9F4EC, #96ECF0, #00AECA, #00856E, #00465F)
- Hazy Wisteria color palette (#F3D5ED, #BAB2F0, #CA89D5, #0070A2, #1C2145)
- Wandering Ultramarine color palette (#ECE5DA, #6497C9, #1647CA, #003949, #07002B)
- Powder Drift color palette (#F8F5EF, #CBE6E8, #8AB5E6, #4992A1, #614A5C)
Browse the whole catalog at Explore, or see today's palette.