Petrol Garden color palette — #F4E6DF · #98BEA1 · #007699 · #004D3B · #00172E

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

The five colors

• Parchment (#F4E6DF): bright and airy, almost weightless.
• Sage (#98BEA1): A luminous, dusty teal — the color of shallow lagoons.
• Teal (#007699): A full-bodied, balanced blue — the color of a favorite pair of jeans.
• Forest (#004D3B): A deep, shadowed, dusty teal — the color of shallow lagoons.
• Midnight (#00172E): A deep, shadowed, dusty blue — the color of open sky before noon.

Feels like: Nature, Growth, Trust, Stability, Calm, Sophistication. 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

• Petrol Garden color palette (#EEEFE6, #9CBAA2, #007588, #00504E, #003442)
• Washed Drift color palette (#F2E7DC, #90B8DF, #4E64B8, #004A55, #180B36)
• Washed Denim Boulevard color palette (#F3E5DB, #67A6C2, #005A9E, #003938, #040031)
• Softworn Meadow color palette (#FCEFE5, #A3D8F7, #4E83CF, #006165, #1E1F49)
• Wandering Cerulean Terrace color palette (#E6FAF6, #C0E6FF, #20A2BB, #006A68, #00232D)
• Worn Navy Summit color palette (#F3E9E2, #3A839C, #003E67, #001F1D, #00000C)
• Jade Veranda color palette (#C9E8DB, #00AA81, #00654B, #003122, #000703)
• Antique Pewter color palette (#F8F0EC, #C7E6E2, #7BA796, #5D7350, #402F41)

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