Petrol Alley color palette — #F3E4EC · #7DA8C0 · #006CA7 · #004B44 · #010547
Built around Peacock, softened by Deep Indigo — the whole palette hums with trust and stability.
The five colors
- Blush (#F3E4EC): a clean, paper-quiet neutral.
- Blue Fog (#7DA8C0): A luminous, dusty blue — the color of deep harbor water.
- Peacock (#006CA7): A full-bodied, balanced blue — the color of a favorite pair of jeans.
- Forest (#004B44): A deep, shadowed, dusty teal — the color of sea glass.
- Deep Indigo (#010547): A deep, shadowed, balanced violet — the color of twilight just after sunset.
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
- Chalky Cobalt Quarry color palette (#EBDAE1, #8BB7D7, #4972BF, #00585F, #1C144A)
- Timeworn Petrol color palette (#F5E6F0, #5CB2B1, #007287, #004D2D, #001624)
- Frosted Aqua Summit color palette (#FCEADF, #3EC8EF, #006DA8, #003E39, #000015)
- Timeworn Cerulean color palette (#E3E5D7, #439CB8, #00516D, #002F35, #001624)
- Lilac Thicket color palette (#D2E3ED, #99B5FA, #9F78C9, #006866, #001529)
- Airy Cobalt Lantern color palette (#F7EAF3, #A6CADD, #248FCB, #006D61, #0D2A5F)
- Terracotta Balcony color palette (#D4EFFF, #0084A7, #A24800, #004D62, #1F0800)
- Azure Summit color palette (#FDF1FA, #B2E4F8, #00AADD, #008568, #044173)
Browse the whole catalog at Explore, or see today's palette.