Petrol Alley color palette — #E4FBF8 · #67A671 · #578F5F · #2D659C · #371D2B
A conversation between Peacock and Jade, giving this palette its sense of nature and growth.
The five colors
- Ivory (#E4FBF8): A whisper-light, dusty teal — the color of sea glass.
- Jade (#67A671): A luminous, balanced green — the color of fresh herbs.
- Fern (#578F5F): A full-bodied, balanced green — the color of new leaves after rain.
- Peacock (#2D659C): A full-bodied, balanced blue — the color of deep harbor water.
- Onyx (#371D2B): A deep, shadowed, dusty rose — the color of a warm blush.
Feels like: Nature, Growth, Trust, Stability, Balance. Tagged jewel, vibrant, 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
- Sapphire Balcony color palette (#DBFDFB, #00A180, #4569CE, #3251AC, #34162B)
- Olive Meadow color palette (#FFF0F7, #D08858, #698133, #3C5994, #3C2531)
- Lagoon Summit color palette (#E7FAF7, #7BA97D, #3F957E, #785681, #243B31)
- Weathered Apricot color palette (#FFF1F7, #DCA568, #5E965F, #685A88, #2A4435)
- Misty Amber Basin color palette (#EBFAEC, #C3842B, #4E8653, #1A6847, #2C2B42)
- Hushed Cabin color palette (#E9F9FB, #00AFB4, #00829F, #52528C, #192C1A)
- Apricot Market color palette (#FFF2EA, #EC986F, #009E96, #7C4573, #28190F)
- Moss Lagoon color palette (#D5EAE1, #949612, #315454, #20322B, #131B13)
Browse the whole catalog at Explore, or see today's palette.