Petrol Garden color palette — #FAEAE3 · #5DC9D6 · #00709C · #004026 · #000113

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

The five colors

• Cream (#FAEAE3): bright and airy, almost weightless.
• Aqua (#5DC9D6): A luminous, balanced blue — the color of deep harbor water.
• Peacock (#00709C): A full-bodied, balanced blue — the color of deep harbor water.
• Forest (#004026): A deep, shadowed, dusty teal — the color of sea glass.
• Ink (#000113): A deep, shadowed, dusty violet — the color of a velvet chair.

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

• Airy Ultramarine color palette (#F7ECE1, #74C0F1, #375AD0, #003E3C, #04000F)
• Chalky Cornflower color palette (#FFF2EA, #98D6F0, #0579E1, #005346, #0A042B)
• Hushed Cerulean Thicket color palette (#F6E8F3, #499DA9, #00516C, #003125, #00142C)
• Cerulean Field color palette (#DFEBE1, #5EC1CF, #0091B4, #006E63, #001624)
• Airy Jade Summit color palette (#A8FCD4, #00AF82, #00634B, #001E10, #000201)
• Moss Drift color palette (#EEE8D5, #829500, #046415, #002D21, #000202)
• Pale Hollow color palette (#EEF2C7, #60E7D9, #5BADFF, #6E5A00, #000503)
• Softworn Periwinkle color palette (#FCF3EE, #BEE8F5, #5FAEE9, #008261, #3E2439)

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