Petrol Alley color palette — #F4E4EB · #92B8D6 · #436BA6 · #004B4E · #110C3B
A conversation between Slate and Deep Indigo, giving this palette its sense of trust and stability.
The five colors
- Rose Water (#F4E4EB): a clean, paper-quiet neutral.
- Sky (#92B8D6): A luminous, dusty blue — the color of a favorite pair of jeans.
- Slate (#436BA6): A full-bodied, balanced blue — the color of a favorite pair of jeans.
- Forest (#004B4E): A deep, shadowed, dusty teal — the color of shallow lagoons.
- Deep Indigo (#110C3B): A deep, shadowed, balanced violet — the color of a velvet chair.
Feels like: Trust, Stability, Creativity, 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
- Softworn Petrol Atelier color palette (#F0E5ED, #8CBCC9, #00788D, #004E2E, #001827)
- Ancient Chapel color palette (#FCEDF2, #AECBE7, #6379B7, #005A65, #211840)
- Worn Petrol Grove color palette (#E7F1F0, #98B5CD, #006DAC, #004D60, #002E5A)
- Washed Wisteria color palette (#D5EAFF, #B2BDF2, #BC87CF, #00646B, #071A30)
- Wandering Cypress color palette (#F8EFF2, #D9D0E3, #889EBD, #2F777F, #2D354E)
- Dusty Cerulean Lantern color palette (#C1EEEC, #0099B0, #00648B, #003161, #0C1142)
- Muted Workshop color palette (#F4E5EE, #4296AE, #004E77, #002C27, #000219)
- Worn Atelier color palette (#CCE4FF, #5093E3, #0056A3, #00284F, #000516)
Browse the whole catalog at Explore, or see today's palette.