Petrol Canyon color palette — #D9EEFF · #0071AD · #6D5900 · #483A00 · #000C18
Slate takes the lead with Olive close behind in a set that reads as nature and growth at first glance.
The five colors
- Frost (#D9EEFF): A whisper-light, dusty blue — the color of open sky before noon.
- Slate (#0071AD): A full-bodied, balanced blue — the color of a favorite pair of jeans.
- Olive (#6D5900): A full-bodied, balanced green — the color of fresh herbs.
- Deep Olive (#483A00): A deep, shadowed, dusty green — the color of a quiet forest floor.
- Ink (#000C18): A deep, shadowed, dusty blue — the color of open sky before noon.
Feels like: Nature, Growth, Trust, Stability, Optimism, Balance. Tagged 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
- Terracotta Balcony color palette (#CFEDFF, #007793, #923F00, #612800, #000D13)
- Antique Grape Drift color palette (#E9EEFF, #674DB9, #376300, #223F00, #09011F)
- Linen Sapphire color palette (#D3E7FF, #1C75E3, #7A2D00, #433E00, #001D47)
- Sapphire Delta color palette (#D1E1FF, #4358F9, #634600, #003716, #001305)
- Ancient Sapphire color palette (#EAF2FF, #3E6FF4, #347F00, #215700, #061130)
- Periwinkle Canyon color palette (#EFF6FF, #60A2FF, #AB5300, #585900, #000B24)
- Periwinkle Harbor color palette (#E9F3FF, #7096CF, #8E844D, #675F33, #1A2330)
- Washed Boulevard color palette (#D2EDEC, #007EEC, #880084, #003C1E, #0F0538)
Browse the whole catalog at Explore, or see today's palette.