Petrol Canyon color palette — #E9EADF · #9CBE9E · #007985 · #004C45 · #001A20
Teal takes the lead with Forest close behind in a set that reads as nature and growth at first glance.
The five colors
- Parchment (#E9EADF): a clean, paper-quiet neutral.
- Sage (#9CBE9E): A luminous, dusty green — the color of a quiet forest floor.
- Teal (#007985): A full-bodied, balanced blue — the color of open sky before noon.
- Forest (#004C45): A deep, shadowed, dusty teal — the color of shallow lagoons.
- Ink (#001A20): A deep, shadowed, dusty blue — the color of deep harbor water.
Feels like: Nature, Growth, Trust, Stability, 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
- Dusty Petrol Boulevard color palette (#E8EBDE, #81BDDA, #1E72A1, #004957, #00172C)
- Weathered Delta color palette (#F2F3EB, #AAD3B5, #2F889E, #005B5B, #002531)
- Softworn Cypress color palette (#F2F2EB, #C7E0DA, #67A8B5, #2D7974, #233C2F)
- Cerulean Parlor color palette (#EEF0E0, #2B8599, #004255, #001F21, #000103)
- Feathered Aubergine color palette (#EFDADE, #A65BBC, #007793, #6E0086, #00151C)
- Softworn Archive color palette (#F2DFF0, #9C4097, #A4300E, #1D449E, #190018)
- Muted Courtyard color palette (#FFE4D4, #AA7A60, #804129, #5B1309, #190A00)
- Powdered Mulberry Alley color palette (#FEDBDD, #F6AACE, #D38396, #77457E, #2E0C0E)
Browse the whole catalog at Explore, or see today's palette.