Petrol Canyon color palette — #DCE8DE · #008189 · #113B2B · #162318 · #060F0B
A conversation between Teal and Deep Forest, giving this palette its sense of trust and stability.
The five colors
- Parchment (#DCE8DE): bright and airy, almost weightless.
- Teal (#008189): A full-bodied, balanced blue — the color of a favorite pair of jeans.
- Deep Forest (#113B2B): A deep, shadowed, dusty teal — the color of glacier melt.
- Onyx (#162318): A deep, shadowed, dusty green — the color of a quiet forest floor.
- Ink (#060F0B): 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 Loft color palette (#E5F7EF, #0E86BC, #4A3448, #1E2C27, #101716)
- Weathered Turquoise Studio color palette (#D1E9F2, #00C0CF, #557585, #3A4D54, #101A1D)
- Timeworn Abyss color palette (#DBF5E4, #595E68, #00414C, #1F272E, #000913)
- Chalky Sapphire Delta color palette (#F8E9F7, #0061D5, #262059, #221122, #031112)
- Dusty Coast color palette (#DBFEF4, #3E8FCD, #C04E6F, #5B732B, #233E37)
- Timeworn Amber color palette (#E8FAF3, #60A8D6, #C37236, #006D9E, #47413C)
- Olive Drift color palette (#F9F4EC, #BCAF87, #667D3A, #51621D, #514000)
- Ultramarine Grove color palette (#FBE7F6, #282FDC, #1E0D3D, #120310, #000304)
Browse the whole catalog at Explore, or see today's palette.