Petrol Alley color palette — #DCEACD · #68AF8F · #008293 · #504200 · #000700
Cerulean and Jade set the tone — five colors that lean into nature and growth.
The five colors
- Celadon Mist (#DCEACD): A whisper-light, dusty green — the color of fresh herbs.
- Jade (#68AF8F): A luminous, balanced teal — the color of glacier melt.
- Cerulean (#008293): A full-bodied, balanced blue — the color of open sky before noon.
- Deep Olive (#504200): A deep, shadowed, dusty green — the color of a quiet forest floor.
- Ink (#000700): A deep, shadowed, dusty green — the color of fresh herbs.
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
- Moss Canyon color palette (#E7E0D4, #8EB045, #008869, #5D3400, #050500)
- Softworn Boulevard color palette (#E2E8D1, #009895, #00749D, #263100, #000403)
- Frosted Workshop color palette (#DCF6D9, #5FC481, #00886A, #304B00, #1A1F00)
- Mint Lantern color palette (#E2F0CE, #60D192, #00AABC, #6D5200, #021D01)
- Tempered Jade Pier color palette (#D7F6D0, #88DDA7, #00B58E, #466700, #000E02)
- Iris Drift color palette (#D0E6D1, #70B7E3, #827CEB, #005B45, #00131A)
- Washed Navy Meadow color palette (#E3EADC, #007A5D, #00307A, #003225, #030003)
- Aged Villa color palette (#E5F7EA, #DCD4E3, #CDBDF0, #3D8F82, #1E392E)
Browse the whole catalog at Explore, or see today's palette.