Petrol Canyon color palette — #EFE2EB · #8BBACA · #0081A1 · #005C41 · #00213A
Cerulean takes the lead with Pine close behind in a set that reads as trust and stability at first glance.
The five colors
- Rose Water (#EFE2EB): bright and airy, almost weightless.
- Ash (#8BBACA): A luminous, dusty blue — the color of deep harbor water.
- Cerulean (#0081A1): A full-bodied, balanced blue — the color of deep harbor water.
- Pine (#005C41): A full-bodied, balanced teal — the color of shallow lagoons.
- Midnight (#00213A): 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
- Cobalt Thicket color palette (#F3E5EC, #85BAD4, #0075D3, #005958, #131352)
- Glacier Bloom color palette (#FFF2EC, #67E1E9, #0087A8, #00543A, #000E1C)
- Turquoise Archive color palette (#DEDFD5, #4EAFB6, #00636F, #003E3A, #00242D)
- Cerulean Summit color palette (#E4F4F1, #73D1D9, #00A4B9, #007E77, #00242D)
- Aged Lilac Drift color palette (#D9F0FA, #96CCF9, #A095EF, #007F61, #002C40)
- Cornflower Lagoon color palette (#FFF1F7, #9CD3F4, #2D8AFD, #007275, #28276C)
- Lagoon Harbor color palette (#FAF3F8, #CFE0F9, #62AFD9, #028F78, #314969)
- Airy Scarlet color palette (#C6EBFA, #0098A7, #CD313A, #005E68, #3A0005)
Browse the whole catalog at Explore, or see today's palette.