Petrol Canyon color palette — #DFE4D7 · #A5BA9B · #6CA7A8 · #58739F · #2D2F57
Slate takes the lead with Navy close behind in a set that reads as trust and stability at first glance.
The five colors
- Parchment (#DFE4D7): a clean, paper-quiet neutral.
- Sage (#A5BA9B): A luminous, dusty green — the color of fresh herbs.
- Blue Fog (#6CA7A8): A luminous, dusty teal — the color of glacier melt.
- Slate (#58739F): A full-bodied, dusty blue — the color of a favorite pair of jeans.
- Navy (#2D2F57): A deep, shadowed, dusty violet — the color of wild irises.
Feels like: Trust, Stability, Calm, Sophistication. Tagged vintage, retro, muted, cool.
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
- Faded Denim Thicket color palette (#D0E4E1, #73AFB1, #2296B1, #5753A1, #2F1D45)
- Pewter Field color palette (#E0F6E5, #91BDA6, #769CBD, #8665A1, #4F2931)
- Antique Stone Corridor color palette (#DAF9E2, #ABC98A, #4FA193, #73445C, #34233D)
- Sunlit Studio color palette (#EEF0E6, #A7DDF0, #25B3E8, #008F9D, #00324B)
- Hushed Mulberry Harbor color palette (#F8E8D3, #A5B487, #459376, #7E4878, #5B261E)
- Ancient Lagoon color palette (#DBEED8, #4EA179, #097464, #1B4764, #0D1F3F)
- Wandering Ash Market color palette (#E5FAE7, #C9E2D3, #99C1B2, #958AB2, #6A4B52)
- Faded Workshop color palette (#D6E4C6, #42C99E, #739CFF, #009973, #0B1F65)
Browse the whole catalog at Explore, or see today's palette.