Petrol Alley color palette — #F3E6E0 · #9FBD9D · #00788C · #004E2C · #001826
Teal takes the lead with Forest close behind in a set that reads as nature and growth at first glance.
The five colors
- Parchment (#F3E6E0): bright and airy, almost weightless.
- Sage (#9FBD9D): A luminous, dusty green — the color of fresh herbs.
- Teal (#00788C): A full-bodied, balanced blue — the color of deep harbor water.
- Forest (#004E2C): A deep, shadowed, balanced teal — the color of sea glass.
- Ink (#001826): 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 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
- Worn Thicket color palette (#EFF0E3, #9BBB9A, #00777D, #005145, #00353C)
- Wandering Balcony color palette (#F4E6DD, #80BED3, #1671A9, #004C45, #03113B)
- Worn Cobalt color palette (#FEEEE5, #98DBF2, #358AC5, #00635B, #12224A)
- Softworn Abyss color palette (#F3E4DD, #43848E, #004159, #002018, #000105)
- Airy Jade Grove color palette (#D3E7D7, #47A967, #006E40, #002F0E, #000A02)
- Tempered Terrace color palette (#EAE4D6, #878A00, #446600, #003C1B, #001911)
- Dusty Navy Villa color palette (#EEE3DA, #5991B3, #00439B, #002B2E, #03001B)
- Gentle Summit color palette (#ECECBF, #7BD9C3, #43B6D3, #706200, #1A2000)
Browse the whole catalog at Explore, or see today's palette.