Petrol Canyon color palette — #F5EBF3 · #8EB9CA · #00719D · #005332 · #142A5C
Peacock takes the lead with Navy close behind in a set that reads as nature and growth at first glance.
The five colors
- Blush (#F5EBF3): bright and airy, almost weightless.
- Ash (#8EB9CA): A luminous, dusty blue — the color of a favorite pair of jeans.
- Peacock (#00719D): A full-bodied, balanced blue — the color of open sky before noon.
- Deep Olive (#005332): A deep, shadowed, balanced teal — the color of glacier melt.
- Navy (#142A5C): A deep, shadowed, balanced violet — the color of twilight just after sunset.
Feels like: Nature, Growth, Trust, Stability, Creativity, Calm. 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 Basin color palette (#FAF2F7, #AACADB, #3E7DB2, #00624C, #2B3A5A)
- Muted Sapphire Drift color palette (#E7F2E6, #96B5D3, #545FB1, #004F52, #37214F)
- Petrol Summit color palette (#EEE8DF, #9BBDA3, #007793, #004C43, #001827)
- Worn Turquoise color palette (#C1EDFF, #00A5C9, #005D76, #002F3F, #001822)
- Weathered Forest Terrace color palette (#D3F1FF, #B1CFF7, #A78DCA, #296A42, #063A54)
- Lagoon Parlor color palette (#E0EDE3, #009E8A, #006F78, #00445B, #262155)
- Washed Loft color palette (#EEE3EF, #4B9F9A, #005364, #053303, #001529)
- Linen Plum color palette (#C8E2F5, #008AB9, #B53056, #00506D, #51011E)
Browse the whole catalog at Explore, or see today's palette.