Petrol Workshop color palette — #E5E7D9 · #80BCCD · #0080A5 · #00585F · #002334

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

The five colors

• Parchment (#E5E7D9): bright and airy, almost weightless.
• Ash (#80BCCD): A luminous, dusty blue — the color of a favorite pair of jeans.
• Cerulean (#0080A5): A full-bodied, balanced blue — the color of a favorite pair of jeans.
• Peacock (#00585F): A full-bodied, dusty blue — the color of open sky before noon.
• Midnight (#002334): A deep, shadowed, dusty blue — the color of deep harbor water.

Feels like: Trust, Stability, Calm, Sophistication. Tagged coastal, cool, light, muted.

Use it as a design system

One click turns Petrol Workshop 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

• Pale Lantern color palette (#DEE2D8, #86B6E3, #0072DD, #005475, #081B47)
• Tempered Azure Workshop color palette (#E7F0E8, #89CCDF, #239ED2, #007D7B, #00213C)
• Soft Cobalt Corridor color palette (#FEF3ED, #95D8EC, #207FC7, #005341, #07032F)
• Hazy Meadow color palette (#F8E6DB, #28B0CD, #005E89, #003F36, #021B4A)
• Frosted Azure Bloom color palette (#F4F6ED, #ACE5FB, #00A9E3, #008090, #174460)
• Soft Seafoam color palette (#F6F7E5, #64E2DC, #00A0A6, #007463, #003A41)
• Turquoise Canyon color palette (#F5F6EF, #CAE5DF, #78BECB, #50948E, #395143)
• Peony Summit color palette (#F5E2E0, #D8498A, #8D7100, #970055, #221A00)

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