Petrol Canyon color palette — #EFF6FA · #D9DAE0 · #C4BCCF · #308090 · #40494E
Slate takes the lead with Stone close behind in a set that reads as trust and stability at first glance.
The five colors
- Ivory (#EFF6FA): a clean, paper-quiet neutral.
- Silver (#D9DAE0): bright and airy, almost weightless.
- Stone (#C4BCCF): A luminous, dusty violet — the color of twilight just after sunset.
- Slate (#308090): A full-bodied, dusty blue — the color of a favorite pair of jeans.
- Charcoal (#40494E): a grounded near-black with real depth.
Feels like: Trust, Stability, Sophistication. Tagged scandi, muted, light.
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
- Tempered Petrol Balcony color palette (#EDF4F0, #CDDBDC, #D4BAC1, #3B7F94, #262E2A)
- Washed Driftwood color palette (#DAFDFF, #A0C0D1, #7E89AE, #40716A, #345852)
- Ancient Delta color palette (#F3F5FC, #DED7DD, #BCAEBF, #655897, #363A4A)
- Abyss Harbor color palette (#DEEAF1, #A1AAB8, #7B7D95, #003E51, #021622)
- Ancient Coast color palette (#E3FCF0, #63A795, #416D9B, #545000, #1F434F)
- Aged Drift color palette (#DDDFE9, #BCB6C5, #9B869A, #57228A, #1D1E2D)
- Frosted Field color palette (#E6FAF8, #559A69, #7C4E8A, #3D5000, #0C4419)
- Powdered Orchid color palette (#ECF7FF, #95EDC6, #3CBFF2, #AE6CD8, #263C56)
Browse the whole catalog at Explore, or see today's palette.