Petrol Canyon color palette — #D9E1DE · #B19EA0 · #A7817A · #006B98 · #000D07
Peacock takes the lead with Caramel close behind in a set that reads as trust and stability at first glance.
The five colors
- Silver (#D9E1DE): a clean, paper-quiet neutral.
- Taupe (#B19EA0): A luminous, dusty red — the color of late-summer berries.
- Caramel (#A7817A): A luminous, dusty orange — the color of toasted spice.
- Peacock (#006B98): A full-bodied, balanced blue — the color of a favorite pair of jeans.
- Ink (#000D07): A deep, shadowed, dusty teal — the color of shallow lagoons.
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
- Wandering Ultramarine color palette (#EDE5EB, #AF9B99, #9E8273, #3C59BE, #10050E)
- Denim Meadow color palette (#E8EFF6, #9CA5B3, #7B85A2, #004973, #000A17)
- Onyx Delta color palette (#D6E1EA, #838EA2, #686787, #002E42, #000103)
- Softworn Fern color palette (#DBF1EE, #538DA3, #63669F, #245800, #001210)
- Byzantium Courtyard color palette (#F0E3E8, #BBACA5, #B09577, #884ACE, #1E0E15)
- Hazy Aubergine Meadow color palette (#F3E0D4, #A58245, #626800, #5A307C, #0A0500)
- Hazy Nightshade color palette (#EFEEDD, #008A94, #4B49AF, #334100, #000408)
- Washed Iris color palette (#F2ECF1, #DDCFCE, #CCB3A9, #5B92E6, #382738)
Browse the whole catalog at Explore, or see today's palette.