Petrol Canyon color palette — #D7EAE2 · #217AA4 · #432839 · #0E241C · #060F0D
A conversation between Cerulean and Espresso, giving this palette its sense of trust and stability.
The five colors
- Honeydew (#D7EAE2): A whisper-light, dusty teal — the color of glacier melt.
- Cerulean (#217AA4): A full-bodied, balanced blue — the color of a favorite pair of jeans.
- Espresso (#432839): A deep, shadowed, dusty pink — the color of a candy shop window.
- Onyx (#0E241C): A deep, shadowed, dusty teal — the color of glacier melt.
- Ink (#060F0D): a grounded near-black with real depth.
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
- Cobalt Parlor color palette (#FAEEF7, #687BAE, #4A363B, #332230, #131D1D)
- Wandering Hollow color palette (#DCE9DA, #00837B, #1B392F, #152312, #071008)
- Washed Azure color palette (#D4EBE2, #2399D7, #5B4459, #20322C, #141A16)
- Dusty Canyon color palette (#D6E7F5, #24B7FB, #666F88, #3C4C58, #121A1C)
- Cellar Ultramarine Chapel color palette (#FBE7FB, #0054B9, #28103D, #000B26, #000B04)
- Twilit Grape Courtyard color palette (#F6E0EB, #6B4ACC, #431839, #181034, #14060C)
- Navy Lantern color palette (#D2ECE4, #003C64, #061417, #0B0023, #000205)
- Cellar Aubergine color palette (#EDDCE7, #483D40, #270084, #2B1222, #0B000C)
Browse the whole catalog at Explore, or see today's palette.