Petrol Canyon color palette — #E5FCEF · #4FA6B6 · #55679E · #5B4D00 · #1E4158
Slate and Deep Olive set the tone — five colors that lean into nature and growth.
The five colors
- Ivory (#E5FCEF): A whisper-light, dusty teal — the color of glacier melt.
- Cyan (#4FA6B6): A luminous, balanced blue — the color of deep harbor water.
- Slate (#55679E): A full-bodied, balanced violet — the color of wild irises.
- Deep Olive (#5B4D00): A full-bodied, balanced green — the color of new leaves after rain.
- Navy (#1E4158): A deep, shadowed, dusty blue — the color of open sky before noon.
Feels like: Nature, Growth, Trust, Stability, Creativity, Calm. Tagged retro, muted, cool.
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
- Wandering Pewter Canyon color palette (#E8F9FC, #359B90, #7A4E91, #5F4200, #00423C)
- Hushed Fern Field color palette (#E6FAF7, #89ACCB, #7E6D9B, #4A622F, #3A485F)
- Cocoa Market color palette (#FFF0F9, #53AA8F, #217393, #813110, #1C434D)
- Softworn Cypress Delta color palette (#EDF8F4, #8EB9B6, #338372, #246277, #234A48)
- Worn Pewter Cabin color palette (#E4FAFF, #A4BECF, #7F8BA7, #7A633B, #27574D)
- Softworn Aubergine Grove color palette (#DAEDBF, #0088BA, #5A2AB5, #333E00, #002855)
- Softworn Mulberry Cabin color palette (#DCF5EB, #7D7EC0, #833E6D, #004C39, #2C2C4C)
- Cerulean Canyon color palette (#FAF3F7, #C6E1F1, #5F8EBC, #00716D, #374865)
Browse the whole catalog at Explore, or see today's palette.