Petrol Canyon color palette — #F0F6FB · #DBD7E5 · #B3B0C6 · #336990 · #323C45
A conversation between Peacock and Ash, giving this palette its sense of trust and stability.
The five colors
- Ivory (#F0F6FB): a clean, paper-quiet neutral.
- Silver (#DBD7E5): bright and airy, almost weightless.
- Ash (#B3B0C6): A luminous, dusty violet — the color of wild irises.
- Peacock (#336990): A full-bodied, balanced blue — the color of deep harbor water.
- Charcoal (#323C45): A deep, shadowed, dusty blue — the color of a favorite pair of jeans.
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
- Softworn Petrol Courtyard color palette (#F6EFF7, #E2D1D4, #C6B0BB, #46678B, #251D26)
- Weathered Ash Drift color palette (#D9F2FF, #9EA7D8, #926A8A, #2F5D57, #26434A)
- Driftwood Orchard color palette (#F3F5FB, #DFD8DE, #B6AAA1, #7A7FA0, #50525A)
- Nightshade Workshop color palette (#F1F5FF, #D3CFE5, #CD94A4, #5547AB, #2D3243)
- Ancient Pewter Courtyard color palette (#F5F4FB, #EAD4DF, #CFB2C6, #885196, #403D50)
- Tempered Navy color palette (#E3E8EE, #B3B8CD, #9188AB, #004482, #16202C)
- Antique Summit color palette (#EFF7F5, #E8D8DA, #D4BCB9, #6DA5D8, #2B3F3A)
- Muted Pier color palette (#E0E0EC, #9E96A6, #82667E, #3E085C, #080812)
Browse the whole catalog at Explore, or see today's palette.