Petrol Alley color palette — #F6EAF6 · #89BACB · #007298 · #00532C · #142D54
Peacock takes the lead with Deep Olive close behind in a set that reads as nature and growth at first glance.
The five colors
- Blush (#F6EAF6): A whisper-light, dusty pink — the color of a candy shop window.
- Ash (#89BACB): A luminous, dusty blue — the color of a favorite pair of jeans.
- Peacock (#007298): A full-bodied, balanced blue — the color of a favorite pair of jeans.
- Deep Olive (#00532C): A deep, shadowed, balanced teal — the color of shallow lagoons.
- Navy (#142D54): A deep, shadowed, dusty blue — the color of open sky before noon.
Feels like: Nature, Growth, Trust, Stability, Calm, Balance. 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
- Antique Cabin color palette (#FCF2F9, #9ECDE1, #477FA4, #116245, #2C395C)
- Sapphire Harbor color palette (#F8EAEF, #8FB7D5, #4A61B3, #00504F, #342252)
- Worn Petrol color palette (#EFE8DE, #A0BCA3, #00788D, #004D3F, #001925)
- Antique Ridge color palette (#E6DBE1, #6FA8BC, #185995, #003F33, #18154A)
- Ancient Delta color palette (#F9F3F8, #D6D6EC, #799EBA, #4F7A62, #44536A)
- Dusty Navy color palette (#F5EAF1, #338DA3, #003F68, #002319, #04002D)
- Tempered Plum Orchard color palette (#F5DAF4, #9C3E9E, #007144, #00534F, #2E142E)
- Emerald Quarry color palette (#F8EBE7, #B9DEBF, #01B3EC, #009753, #182D4F)
Browse the whole catalog at Explore, or see today's palette.