Petrol Alley color palette — #DAE2DC · #8DB9CC · #0080A7 · #005A54 · #002138

A conversation between Cerulean and Peacock, giving this palette its sense of trust and stability.

The five colors

• Silver (#DAE2DC): bright and airy, almost weightless.
• Ash (#8DB9CC): A luminous, dusty blue — the color of a favorite pair of jeans.
• Cerulean (#0080A7): A full-bodied, balanced blue — the color of open sky before noon.
• Peacock (#005A54): A full-bodied, dusty teal — the color of shallow lagoons.
• Midnight (#002138): A deep, shadowed, dusty blue — the color of open sky before noon.

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

• Cobalt Workshop color palette (#E4ECE6, #88B8DB, #2C73CD, #005767, #0F1551)
• Patina Lantern color palette (#FDF4E6, #69DEF6, #0086AE, #00524D, #000E1B)
• Denim Harbor color palette (#EDE3EA, #57ADBD, #005D8B, #00402B, #0E1A48)
• Washed Azure Drift color palette (#EDDBD2, #80CEDF, #349ADC, #00805D, #111A47)
• Gentle Cornflower color palette (#EBFAEE, #A7D0F4, #4887F8, #006F88, #252377)
• Washed Lagoon Lagoon color palette (#F1F7F2, #D2DCF0, #68ADDB, #008C90, #304968)
• Linen Mulberry color palette (#E8E6C9, #807700, #007492, #9B0072, #141200)
• Hazy Indigo Terrace color palette (#D4E7DB, #9C8500, #6757ED, #615200, #180054)

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