Petrol Alley color palette — #F9ECF2 · #52AED5 · #0068B6 · #004A49 · #09083E

A conversation between Cobalt and Cyan, giving this palette its sense of trust and stability.

The five colors

• Blush (#F9ECF2): bright and airy, almost weightless.
• Cyan (#52AED5): A luminous, balanced blue — the color of deep harbor water.
• Cobalt (#0068B6): A full-bodied, balanced blue — the color of a favorite pair of jeans.
• Forest (#004A49): A deep, shadowed, dusty teal — the color of sea glass.
• Deep Indigo (#09083E): A deep, shadowed, balanced 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

• Wandering Petrol Atelier color palette (#F4E8F0, #53B2BA, #00718F, #004C36, #001528)
• Washed Chapel color palette (#DBE3DA, #6CA8DC, #2F4BEF, #004952, #17003F)
• Hushed Coast color palette (#F9ECDA, #7BC1E3, #006CAB, #003D43, #00020D)
• Cornflower Canyon color palette (#FCEDE1, #75BBD9, #3982E0, #006E60, #140042)
• Antique Cerulean color palette (#E7EBDA, #479AC0, #004F75, #002E38, #001529)
• Linen Cobalt Workshop color palette (#F8EAF2, #8CCFEA, #008BE1, #006C67, #1F2B52)
• Gentle Quarry color palette (#FFF0FA, #98EAFD, #00A7EA, #008472, #274065)
• Aged Rust color palette (#FCE5F0, #BA5700, #006CA6, #6F3100, #00111F)

Browse the whole catalog at Explore, or see today's palette.