Petrol Alley color palette — #DFE4D5 · #37A098 · #006EA3 · #313B00 · #000201
A conversation between Peacock and Fern, giving this palette its sense of nature and growth.
The five colors
- Parchment (#DFE4D5): A whisper-light, dusty green — the color of a quiet forest floor.
- Fern (#37A098): A luminous, balanced teal — the color of glacier melt.
- Peacock (#006EA3): A full-bodied, balanced blue — the color of deep harbor water.
- Forest (#313B00): A deep, shadowed, dusty green — the color of fresh herbs.
- Black (#000201): quiet, heavy and certain.
Feels like: Nature, Growth, Trust, Stability, Sophistication. Tagged pastel, light, muted.
Use it as a design system
One click turns Petrol Alley 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 Emerald Corridor color palette (#F3EFCD, #319F66, #00737E, #382A00, #000300)
- Hazy Station color palette (#D6EFD2, #1E90B2, #315DC7, #004021, #000303)
- Worn Teal Bloom color palette (#DAF8ED, #00A69C, #007680, #004228, #00120E)
- Dusty Atelier color palette (#D0E4E6, #58CEC0, #00989F, #005432, #000102)
- Feathered Teal Basin color palette (#C6EFEE, #00B9B1, #2A89BD, #464D00, #00140F)
- Quiet Byzantium color palette (#D2E3DA, #6A9EE1, #884DD0, #004C43, #000912)
- Moonless Aubergine color palette (#D9E9DB, #00656A, #33006D, #002426, #040002)
- Ancient Indigo Harbor color palette (#DCF1DB, #50C2F5, #7874E4, #00623C, #001217)
Browse the whole catalog at Explore, or see today's palette.