Petrol Garden color palette — #FFF2EB · #4DC9E6 · #0076AA · #00574B · #092F6B

Cerulean takes the lead with Cyan close behind in a set that reads as trust and stability at first glance.

The five colors

• Ivory (#FFF2EB): bright and airy, almost weightless.
• Cyan (#4DC9E6): A luminous, balanced blue — the color of open sky before noon.
• Cerulean (#0076AA): A full-bodied, balanced blue — the color of a favorite pair of jeans.
• Forest (#00574B): A full-bodied, dusty teal — the color of glacier melt.
• Navy (#092F6B): A deep, shadowed, balanced blue — the color of deep harbor water.

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

Use it as a design system

One click turns Petrol Garden 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 Lagoon color palette (#FFEEE5, #7FC8DC, #0077BD, #00543F, #0F0E49)
• Antique Workshop color palette (#FDF3EE, #8FD1DF, #3881A5, #006150, #49304A)
• Powdered Sapphire color palette (#FEF3E7, #7CBFF4, #3460E1, #00545E, #312764)
• Sunlit Loft color palette (#FEF0F9, #83D9F0, #0093E5, #007559, #222A6B)
• Dusty Boulevard color palette (#EEE0D7, #32AED3, #005C92, #003E3A, #0F1C41)
• Weathered Sky Dune color palette (#EAFAED, #A3E6F9, #10B9F7, #009894, #00355B)
• Navy Loft color palette (#F6EBE2, #3B88B7, #003586, #002224, #080029)
• Worn Ash Parlor color palette (#FBF3EE, #C6ECEB, #769DC4, #5B7758, #604B5B)

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