Petrol Canyon color palette — #EFE7DB · #80BDC8 · #0081A3 · #005A52 · #002236
A conversation between Cerulean and Peacock, giving this palette its sense of trust and stability.
The five colors
- Parchment (#EFE7DB): bright and airy, almost weightless.
- Ash (#80BDC8): A luminous, dusty blue — the color of deep harbor water.
- Cerulean (#0081A3): A full-bodied, balanced blue — the color of a favorite pair of jeans.
- Peacock (#005A52): A full-bodied, dusty teal — the color of shallow lagoons.
- Midnight (#002236): 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
- Softworn Market color palette (#E5DFD4, #85B8DA, #0074D6, #005765, #0D194A)
- Aged Coast color palette (#EAF9F6, #99D8E3, #0088A3, #005152, #000F16)
- Faded Cobalt color palette (#F5EDE1, #8CCFEC, #208ED1, #006B71, #182E4D)
- Turquoise Garden color palette (#F2E6E1, #2FB1C5, #005D8A, #00402A, #111C40)
- Azure Hollow color palette (#FAF4EB, #97E9FF, #00A9E1, #00837F, #184365)
- Timeworn Lagoon Delta color palette (#F8F5EF, #CAE9E0, #76BFCA, #50967E, #365244)
- Raspberry Basin color palette (#FFE0E1, #BB3496, #776A00, #006279, #24021B)
- Worn Peony color palette (#FFE3E5, #D764C5, #008B42, #750069, #00220B)
Browse the whole catalog at Explore, or see today's palette.