Petrol Garden color palette — #F8E9F6 · #7ABFC4 · #007298 · #00532C · #152D53

Peacock takes the lead with Deep Olive close behind in a set that reads as nature and growth at first glance.

The five colors

• Blush (#F8E9F6): A whisper-light, dusty pink — the color of neon signs at night.
• Mint Leaf (#7ABFC4): A luminous, dusty blue — the color of open sky before noon.
• Peacock (#007298): A full-bodied, balanced blue — the color of a favorite pair of jeans.
• Deep Olive (#00532C): A deep, shadowed, balanced teal — the color of shallow lagoons.
• Navy (#152D53): A deep, shadowed, dusty blue — the color of deep harbor water.

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

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 Orchard color palette (#FCF1F9, #88D2E3, #337FB3, #006248, #2D3A55)
• Antique Petrol Alley color palette (#FCE9EF, #7AB8E8, #4E62AE, #004F50, #34244D)
• Hushed Petrol Drift color palette (#E9EADF, #9CBDA2, #00788A, #004B48, #001921)
• Washed Boulevard color palette (#EFDBE6, #41ADD2, #0057A3, #003F35, #1B1646)
• Blush Courtyard color palette (#E1EDFF, #DDBDFA, #E37E98, #006678, #282D47)
• Misty Corridor color palette (#F6ECE7, #B9DEBF, #00B5E4, #00956F, #003053)
• Dusty Veranda color palette (#FAF2F9, #D6D5EA, #769FBB, #4D7A64, #495364)
• Sunlit Sapphire color palette (#E0ECFE, #0C61E0, #636200, #295321, #0D1E3C)

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