Petrol Alley color palette — #D4ECE8 · #66AFA2 · #007695 · #312E00 · #001206
Teal and Turquoise set the tone — five colors that lean into nature and growth.
The five colors
- Honeydew (#D4ECE8): A whisper-light, dusty teal — the color of glacier melt.
- Turquoise (#66AFA2): A luminous, dusty teal — the color of sea glass.
- Teal (#007695): A full-bodied, balanced blue — the color of a favorite pair of jeans.
- Espresso (#312E00): A deep, shadowed, dusty green — the color of a quiet forest floor.
- Ink (#001206): A deep, shadowed, dusty teal — the color of sea glass.
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
- Misty Cobalt Canyon color palette (#C8E8EA, #35A7B5, #2B6FB7, #0F3A00, #000E0F)
- Cypress Coast color palette (#D0EED9, #8AA971, #007D61, #4F2800, #090C00)
- Worn Canyon color palette (#DFF0E3, #24A781, #007469, #114000, #020300)
- Teal Orchard color palette (#D0E4E3, #3FC198, #00968C, #12570F, #001516)
- Antique Mint color palette (#E4E7D0, #3FC6A0, #26A2C9, #736900, #001508)
- Aged Indigo Basin color palette (#D3E6E9, #76A2CC, #7A72D5, #004D3B, #00202F)
- Fern Workshop color palette (#CFFAFB, #87E0DF, #579BD3, #446D00, #003831)
- Aubergine Parlor color palette (#D7E9EC, #006A60, #330068, #00231F, #03000B)
Browse the whole catalog at Explore, or see today's palette.