Petrol Canyon color palette — #DBF7E3 · #5BAEB5 · #166DA6 · #6D3D1B · #3F3500
Peacock and Bronze set the tone — five colors that lean into nature and growth.
The five colors
- Honeydew (#DBF7E3): A whisper-light, dusty teal — the color of glacier melt.
- Cyan (#5BAEB5): A luminous, balanced blue — the color of a favorite pair of jeans.
- Peacock (#166DA6): A full-bodied, balanced blue — the color of a favorite pair of jeans.
- Bronze (#6D3D1B): A full-bodied, balanced gold — the color of old brass.
- Espresso (#3F3500): A deep, shadowed, dusty green — the color of new leaves after rain.
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
- Airy Dune color palette (#D6F2EE, #4E9FC7, #7067AE, #635000, #34420E)
- Garnet Pier color palette (#DBE1D2, #43AB86, #247289, #80302C, #6A1A18)
- Weathered Glacier color palette (#96F7FF, #7BB7DE, #817CAB, #6E5530, #484513)
- Quiet Terracotta color palette (#C4F0DF, #259EDB, #A93300, #00557A, #541500)
- Cobalt Villa color palette (#DDF2FE, #6D80B1, #704F70, #373B0D, #0B2A0F)
- Ancient Fern Cabin color palette (#CFF2D6, #AD96B0, #91697A, #62592E, #464700)
- Misty Cobalt Lagoon color palette (#FFF2EA, #65C5EB, #0071BD, #005652, #1C2A6F)
- Softworn Aqua Atelier color palette (#D0E5DA, #3FD3DE, #64A0E0, #AA6B43, #5D2B02)
Browse the whole catalog at Explore, or see today's palette.