Petrol Canyon color palette — #EFE7E2 · #95BEAC · #436AAA · #004C44 · #16093A
Slate takes the lead with Deep Indigo close behind in a set that reads as trust and stability at first glance.
The five colors
- Parchment (#EFE7E2): a clean, paper-quiet neutral.
- Sage (#95BEAC): A luminous, dusty teal — the color of sea glass.
- Slate (#436AAA): A full-bodied, balanced blue — the color of deep harbor water.
- Forest (#004C44): A deep, shadowed, dusty teal — the color of glacier melt.
- Deep Indigo (#16093A): A deep, shadowed, balanced violet — the color of a velvet chair.
Feels like: Trust, Stability, Creativity, Calm, Sophistication. Tagged coastal, cool, light, 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
- Hushed Lantern color palette (#FCEFE7, #83C7DF, #0073CC, #005344, #160054)
- Washed Spruce color palette (#EBDDDA, #87A684, #006278, #023D08, #000B1B)
- Forest Cabin color palette (#FDEEEA, #BAD9BC, #0090B8, #00672E, #00244E)
- Ancient Blush color palette (#D4FAE8, #B5BFEB, #D184BA, #006660, #081D3B)
- Cornflower Pier color palette (#F5EBF0, #98CDE5, #2C84F2, #006D60, #2B284E)
- Lagoon Lantern color palette (#CEEAE1, #009B9E, #005F7B, #003457, #0E0A45)
- Dusty Denim Alley color palette (#E4F2FF, #619CD8, #005DA4, #002D48, #000612)
- Weathered Villa color palette (#D9ECE3, #008BBA, #A25200, #004D69, #200B00)
Browse the whole catalog at Explore, or see today's palette.