Petrol Atelier color palette — #ECF9EE · #5EC8E1 · #00789F · #005652 · #003659

Built around Cerulean, softened by Cyan — the whole palette hums with trust and stability.

The five colors

• Ivory (#ECF9EE): bright and airy, almost weightless.
• Cyan (#5EC8E1): A luminous, balanced blue — the color of open sky before noon.
• Cerulean (#00789F): A full-bodied, balanced blue — the color of open sky before noon.
• Peacock (#005652): A full-bodied, dusty teal — the color of shallow lagoons.
• Navy (#003659): A deep, shadowed, balanced blue — the color of open sky before noon.

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

Use it as a design system

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

• Patina Iris Delta color palette (#E7F8FF, #9BCEFF, #8C8FFF, #007479, #073F5B)
• Muted Cobalt Courtyard color palette (#FFEBF9, #5ECDE4, #0078B8, #00543D, #0B0D4C)
• Sapphire Garden color palette (#EBFAEE, #88BEE9, #0067DE, #005364, #242D61)
• Sunlit Sky color palette (#F4F8E3, #90E9FF, #00BCE9, #00969E, #00384E)
• Denim Station color palette (#DAE7DC, #56ABC6, #005E86, #003E3E, #00203F)
• Azure Hollow color palette (#FFF2EB, #50DFFD, #0094E2, #007557, #202A6C)
• Washed Cerulean Market color palette (#F1F7F2, #C8E0F2, #508FC7, #006F7A, #364963)
• Patina Rust Parlor color palette (#C6EBFF, #0093B2, #B84700, #00586B, #501A00)

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