Petrol Canyon color palette — #DFE7EE · #BDC5D1 · #9DA2C2 · #006897 · #14212A
Peacock and Blue Fog set the tone — five colors that lean into trust and stability.
The five colors
- Frost (#DFE7EE): a clean, paper-quiet neutral.
- Oat (#BDC5D1): soft and architectural.
- Blue Fog (#9DA2C2): A luminous, dusty violet — the color of twilight just after sunset.
- Peacock (#006897): A full-bodied, balanced blue — the color of open sky before noon.
- Midnight (#14212A): 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
- Dusty Cobalt color palette (#DFE8F0, #BEBED9, #A7A4BE, #4085BF, #13212D)
- Softworn Nightshade Lagoon color palette (#E0E9F4, #AFB4C3, #9590B2, #104BAB, #0A1422)
- Dusty Fern Studio color palette (#C6EAF0, #7795C3, #816898, #435100, #003824)
- Patina Boulevard color palette (#DEDFE6, #A5A3AF, #8F7E9C, #4D2793, #060816)
- Muted Indigo color palette (#F1F5FC, #DADCF1, #C2B7DE, #4D5EFF, #25334C)
- Wandering Bloom color palette (#EEEDF5, #DAD5DF, #C5AFC6, #974AB4, #2D2C39)
- Hazy Nightshade Quarry color palette (#CAEADE, #008DB6, #543FB4, #383C00, #00172E)
- Washed Azure Ridge color palette (#F1F6FB, #DBD9E0, #C5BDC8, #5B93CE, #424850)
Browse the whole catalog at Explore, or see today's palette.