Petrol Canyon color palette — #E4E0BC · #6CAB87 · #187593 · #5C4300 · #362500
Built around Teal, softened by Jade — the whole palette hums with nature and growth.
The five colors
- Celadon Mist (#E4E0BC): A whisper-light, dusty green — the color of a quiet forest floor.
- Jade (#6CAB87): A luminous, balanced teal — the color of sea glass.
- Teal (#187593): A full-bodied, balanced blue — the color of a favorite pair of jeans.
- Bronze (#5C4300): A deep, shadowed, balanced gold — the color of old brass.
- Espresso (#362500): A deep, shadowed, dusty gold — the color of old brass.
Feels like: Nature, Growth, Trust, Stability, Optimism, Balance. Tagged vintage, retro, 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
- Softworn Fern Veranda color palette (#E7EDCF, #5BA2A1, #5473A0, #3F4E00, #052F0F)
- Wandering Hollow color palette (#E8DDC7, #A89B6B, #1F856C, #842F26, #3B2900)
- Teal Orchard color palette (#BFF3B7, #00C1BC, #5C70A8, #663414, #260C00)
- Hushed Fern Delta color palette (#DAEADB, #84AD92, #997690, #4F6B1C, #244127)
- Muted Denim Atelier color palette (#D1EEE8, #56919D, #255786, #592839, #351A2F)
- Softworn Alley color palette (#C2EEE4, #34B7CB, #5486AD, #874F62, #431403)
- Ancient Denim color palette (#CBF6E8, #387C97, #554B83, #1E3400, #0A1600)
- Gentle Bronze Workshop color palette (#D9EEE1, #0095B4, #AB5E00, #005C71, #2C1400)
Browse the whole catalog at Explore, or see today's palette.