Petrol Canyon color palette — #DCE6DB · #009490 · #006AA1 · #514200 · #000B01
A conversation between Peacock and Fern, giving this palette its sense of nature and growth.
The five colors
- Parchment (#DCE6DB): a clean, paper-quiet neutral.
- Fern (#009490): A luminous, balanced teal — the color of glacier melt.
- Peacock (#006AA1): A full-bodied, balanced blue — the color of deep harbor water.
- Deep Olive (#514200): A deep, shadowed, dusty green — the color of a quiet forest floor.
- Ink (#000B01): A deep, shadowed, dusty green — the color of a quiet forest floor.
Feels like: Nature, Growth, Trust, Stability, Optimism, Balance. Tagged 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
- Brick Courtyard color palette (#E1E9D9, #009774, #BC0025, #5C3C00, #040900)
- Ancient Petrol color palette (#D5F2E4, #007599, #003555, #0E1A1E, #00090F)
- Worn Study color palette (#EDEDE2, #70BFC2, #0094A2, #006E64, #00171D)
- Ancient Lantern color palette (#DFE6D8, #007959, #5C009E, #362200, #020A00)
- Pine Station color palette (#E5E4D1, #76A767, #008737, #00664A, #031400)
- Aubergine Thicket color palette (#CBEFFA, #007677, #67005E, #211100, #020100)
- Hushed Boulevard color palette (#F0E0EE, #3B6DCE, #8012A3, #690028, #000203)
- Shadow Navy Lantern color palette (#D5F1FF, #005264, #160082, #200023, #000201)
Browse the whole catalog at Explore, or see today's palette.