Petrol Canyon color palette — #E5E8DB · #64ABD2 · #006CA5 · #004858 · #00142B
Peacock takes the lead with Cyan close behind in a set that reads as trust and stability at first glance.
The five colors
- Parchment (#E5E8DB): bright and airy, almost weightless.
- Cyan (#64ABD2): A luminous, balanced blue — the color of deep harbor water.
- Peacock (#006CA5): A full-bodied, balanced blue — the color of deep harbor water.
- Deep Teal (#004858): A deep, shadowed, dusty blue — the color of open sky before noon.
- Ink (#00142B): A deep, shadowed, dusty blue — the color of a favorite pair of jeans.
Feels like: Trust, Stability, Calm, Balance. 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
- Cypress Basin color palette (#E1E1D6, #67B1AD, #00757A, #004B40, #00181C)
- Ancient Ultramarine color palette (#FBEBDD, #7DC1E3, #2461C6, #003E38, #030011)
- Tempered Terrace color palette (#D8E7DA, #70BAE3, #1687DE, #006B78, #000745)
- Navy Cabin color palette (#F8E7D9, #3A9AC7, #00488E, #003030, #0C083D)
- Azure Studio color palette (#F3F7EC, #B1DAFA, #5C9AD6, #00779A, #253B5B)
- Washed Lagoon color palette (#D7F5F3, #00A29C, #006460, #003130, #000202)
- Muted Lagoon Courtyard color palette (#DCE4D7, #008B75, #875D00, #005143, #180D00)
- Wandering Canyon color palette (#C3E9EA, #007578, #032FF6, #315600, #000A0A)
Browse the whole catalog at Explore, or see today's palette.