Petrol Canyon color palette — #DFF6E9 · #007490 · #00332A · #001E11 · #000A07
Built around Teal, softened by Deep Forest — the whole palette hums with trust and stability.
The five colors
- Honeydew (#DFF6E9): A whisper-light, dusty teal — the color of sea glass.
- Teal (#007490): A full-bodied, balanced blue — the color of deep harbor water.
- Deep Forest (#00332A): A deep, shadowed, dusty teal — the color of sea glass.
- Ink (#001E11): A deep, shadowed, dusty teal — the color of shallow lagoons.
- Ink (#000A07): A deep, shadowed, dusty teal — the color of shallow lagoons.
Feels like: Trust, Stability, Calm, Sophistication, Depth, Luxury. 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
- Cellar Loft color palette (#DDECE3, #007791, #1B274A, #001319, #010500)
- Eclipse Denim Dune color palette (#C4EDDC, #005C80, #2E2F37, #270F28, #000C07)
- Patina Villa color palette (#D9F1FF, #0095B5, #364466, #002C37, #001519)
- Muted Turquoise Meadow color palette (#DBF1FE, #00B2DB, #316B9D, #274656, #03141A)
- Patina Boulevard color palette (#F3DCF4, #0067C4, #24254D, #231024, #06150F)
- Driftwood Lantern color palette (#FDEDF3, #856FAF, #4D3539, #31242A, #1A1314)
- Nocturne Navy color palette (#E8DBE8, #004387, #0B052F, #050D11, #080009)
- Eclipse Aubergine color palette (#F7D4DE, #543900, #440064, #1F1105, #0C0009)
Browse the whole catalog at Explore, or see today's palette.