Petrol Workshop color palette — #EAF8FE · #EEB1C1 · #017F97 · #004B5A · #13242C

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

The five colors

• Ivory (#EAF8FE): bright and airy, almost weightless.
• Ballet Pink (#EEB1C1): A whisper-light, dusty red — the color of late-summer berries.
• Cerulean (#017F97): A full-bodied, balanced blue — the color of open sky before noon.
• Deep Teal (#004B5A): A deep, shadowed, dusty blue — the color of open sky before noon.
• Onyx (#13242C): A deep, shadowed, dusty blue — the color of open sky before noon.

Feels like: Trust, Stability, Sophistication. Tagged luxury, dark, 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

• Antique Coast color palette (#E8F9FA, #E8B7A9, #3D8165, #094F37, #0E2627)
• Ancient Petrol Cabin color palette (#EAFAF2, #FFDBDE, #3480A0, #154231, #04130D)
• Softworn Drift color palette (#EFF6FF, #E7AE6A, #3767B2, #00357F, #081B33)
• Wandering Coral Harbor color palette (#D1E8FB, #FF7D7B, #006190, #00314C, #00111E)
• Weathered Cerulean Hollow color palette (#F0F6FA, #DAD9E1, #C9BED0, #5499B6, #3C4A53)
• Muted Sand Veranda color palette (#E9F8FE, #F7D07B, #36A7AD, #446A75, #13252A)
• Lagoon Coast color palette (#EDF7FA, #7DD6D3, #BD759B, #009391, #28202F)
• Antique Balcony color palette (#EDF7FF, #5A99C4, #8D6DBA, #795700, #162D3F)

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