Petrol Alley color palette — #F7EAF1 · #5DC0DD · #006FA7 · #005048 · #182C55
Peacock takes the lead with Cyan close behind in a set that reads as trust and stability at first glance.
The five colors
- Blush (#F7EAF1): a clean, paper-quiet neutral.
- Cyan (#5DC0DD): A luminous, balanced blue — the color of a favorite pair of jeans.
- Peacock (#006FA7): A full-bodied, balanced blue — the color of a favorite pair of jeans.
- Forest (#005048): A deep, shadowed, dusty teal — the color of sea glass.
- Navy (#182C55): A deep, shadowed, dusty violet — the color of a velvet chair.
Feels like: Trust, Stability, Creativity, Calm, Balance. Tagged coastal, cool, light.
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
- Muted Petrol Grove color palette (#F1E5EC, #91BAD0, #1A6FB2, #004D3C, #0F1035)
- Softworn Cobalt color palette (#FFF1F7, #A5CAE5, #527BAB, #005F60, #2C3A59)
- Ancient Sky Orchard color palette (#F4EEE4, #B5DFC7, #4EAFE5, #009092, #052F54)
- Cerulean Bloom color palette (#FAE5F5, #20A1AE, #00516B, #003124, #00152A)
- Airy Blush color palette (#E7EEFF, #DBB2F1, #D5768C, #305B88, #34324F)
- Worn Corridor color palette (#FBF2F7, #D8DFF1, #7D9DBC, #467783, #495365)
- Timeworn Garden color palette (#F7E4EB, #2489BF, #003685, #002224, #070128)
- Washed Amethyst color palette (#DEDEEC, #6D39EE, #6A5F00, #445500, #161C3B)
Browse the whole catalog at Explore, or see today's palette.