Petrol Canyon color palette — #D8E9E1 · #007BA6 · #3F2A3C · #0C241B · #05100E
Cerulean takes the lead with Espresso close behind in a set that reads as trust and stability at first glance.
The five colors
- Honeydew (#D8E9E1): A whisper-light, dusty teal — the color of glacier melt.
- Cerulean (#007BA6): A full-bodied, balanced blue — the color of a favorite pair of jeans.
- Espresso (#3F2A3C): A deep, shadowed, dusty pink — the color of neon signs at night.
- Onyx (#0C241B): A deep, shadowed, dusty teal — the color of glacier melt.
- Ink (#05100E): quiet, heavy and certain.
Feels like: Trust, Stability, Sophistication. Tagged noir, dark, luxury, 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
- Dusty Cobalt Corridor color palette (#F8EEF6, #617CB3, #4C353E, #31242F, #121B1C)
- Cypress Parlor color palette (#DEE8DB, #008377, #1E392B, #15240F, #09100B)
- Hushed Ridge color palette (#D8E9E2, #009BD6, #28574D, #21322C, #131A16)
- Worn Sky color palette (#D4E8F6, #0EB9F6, #627088, #3F4C54, #121A1C)
- Midnight Denim color palette (#FCE4FE, #0059AA, #201049, #000D22, #000204)
- Velvet Lapis Lantern color palette (#F5D6E7, #664ECB, #3B1E3E, #171232, #14050A)
- Inked Navy Summit color palette (#C9ECE1, #003D60, #071317, #060028, #000205)
- Frosted Bronze Boulevard color palette (#FFF0FA, #7984BF, #977700, #4B712A, #4A2C42)
Browse the whole catalog at Explore, or see today's palette.