Petrol Alley color palette — #E7FBEB · #7FC3DC · #0076AC · #005558 · #003265

Cerulean and Navy set the tone — five colors that lean into trust and stability.

The five colors

• Ivory (#E7FBEB): A whisper-light, dusty teal — the color of glacier melt.
• Sky (#7FC3DC): A luminous, dusty blue — the color of open sky before noon.
• Cerulean (#0076AC): A full-bodied, balanced blue — the color of deep harbor water.
• Peacock (#005558): A full-bodied, dusty teal — the color of sea glass.
• Navy (#003265): A deep, shadowed, balanced blue — the color of a favorite pair of jeans.

Feels like: Trust, Stability, 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

• Aqua Parlor color palette (#EAFAED, #64CBC7, #007C89, #005840, #003948)
• Powdered Cobalt color palette (#FBEDF5, #7FC7E2, #0072CF, #005345, #170053)
• Antique Denim Canyon color palette (#D7E4DA, #76A6BE, #005B92, #003D43, #001B4C)
• Chalky Meadow color palette (#FEF3EB, #99D5EC, #138DF7, #007461, #2B276B)
• Petrol Workshop color palette (#F1F7F2, #C4E0F9, #708CB2, #006E82, #394864)
• Wandering Sky color palette (#FEF4E3, #A2E5FF, #38B6FD, #00979C, #043262)
• Patina Teal color palette (#8DFFEA, #00B2A2, #006A61, #003B34, #00211C)
• Tempered Pine color palette (#D8FFF3, #6AE1E2, #28AFE3, #007530, #003F39)

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