Petrol Alley color palette — #F7EDDC · #97C2AA · #00709C · #003E3E · #000309
Built around Peacock, softened by Mint Leaf — the whole palette hums with nature and growth.
The five colors
- Cream (#F7EDDC): A whisper-light, dusty gold — the color of old brass.
- Mint Leaf (#97C2AA): A luminous, dusty teal — the color of sea glass.
- Peacock (#00709C): A full-bodied, balanced blue — the color of deep harbor water.
- Deep Teal (#003E3E): A deep, shadowed, dusty teal — the color of shallow lagoons.
- Ink (#000309): A deep, shadowed, dusty blue — the color of a favorite pair of jeans.
Feels like: Nature, Growth, Trust, Stability, Calm, 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
- Frosted Sapphire color palette (#F6EDDF, #86BEE4, #0067BF, #003C46, #000015)
- Timeworn Denim Veranda color palette (#E6DED1, #69B0AE, #00606B, #002D20, #000102)
- Cobalt Thicket color palette (#FBF4EA, #A1D3F3, #177BD6, #00505C, #020138)
- Antique Cerulean Balcony color palette (#E7DAE2, #0099B8, #004C7F, #002D22, #02001C)
- Faded Cobalt color palette (#FCEBE0, #74BCD1, #0088DB, #006F57, #0B073E)
- Linen Plum color palette (#FFE6F0, #B50D75, #5B5D00, #004964, #040002)
- Wandering Pier color palette (#FAF4EB, #C2E1EE, #69AEDF, #007E84, #112E54)
- Worn Raspberry color palette (#FDDDDD, #C14A97, #007B4D, #6C004F, #000201)
Browse the whole catalog at Explore, or see today's palette.