Petrol Garden color palette — #D9FBED · #F8D7F6 · #B7AEE4 · #007888 · #042F26

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

The five colors

• Honeydew (#D9FBED): A whisper-light, dusty teal — the color of shallow lagoons.
• Thistle (#F8D7F6): A whisper-light, dusty pink — the color of peonies in June.
• Lavender (#B7AEE4): A luminous, dusty violet — the color of twilight just after sunset.
• Teal (#007888): A full-bodied, balanced blue — the color of deep harbor water.
• Deep Forest (#042F26): A deep, shadowed, dusty teal — the color of shallow lagoons.

Feels like: Trust, Stability, Creativity, Sophistication. Tagged pastel, 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

• Muted Petrol color palette (#FFEAFE, #F4CDE4, #BFA3CD, #427D9B, #352032)
• Cypress Terrace color palette (#E4F9E2, #ADE4DC, #88B2D3, #357A5C, #182D1C)
• Hushed Cypress color palette (#EAF7FF, #DCD7F3, #D199C3, #007C6C, #2D3F58)
• Ultramarine Meadow color palette (#F0F0FF, #D8BCFF, #D978C3, #0C5AB2, #1E1239)
• Dusty Summit color palette (#D6F2EA, #99A8E2, #9373C7, #005267, #010A2C)
• Timeworn Driftwood Quarry color palette (#FFECF4, #E5D3CF, #9DAF9E, #967891, #453138)
• Powdered Indigo Workshop color palette (#FFECF1, #FFCBF3, #F897AB, #7965B5, #3F213F)
• Airy Plum color palette (#F3D6ED, #A991E1, #A04C9E, #00456E, #080023)

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