Petrol Garden color palette — #DDEDEA · #79C1CC · #00788F · #004B4B · #001923

Teal and Ash set the tone — five colors that lean into trust and stability.

The five colors

• Honeydew (#DDEDEA): bright and airy, almost weightless.
• Ash (#79C1CC): A luminous, dusty blue — the color of open sky before noon.
• Teal (#00788F): A full-bodied, balanced blue — the color of deep harbor water.
• Forest (#004B4B): A deep, shadowed, dusty teal — the color of sea glass.
• Ink (#001923): A deep, shadowed, dusty blue — the color of a favorite pair of jeans.

Feels like: 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

• Cobalt Field color palette (#E0ECEB, #92B8D8, #006CC2, #004760, #021336)
• Ancient Study color palette (#FCEAE2, #56C3D4, #007299, #005141, #112F4F)
• Denim Terrace color palette (#E2EFEE, #65A5C7, #005E8D, #003744, #000B1B)
• Cerulean Dune color palette (#EEF0E4, #8AD2DE, #0096B3, #006C6D, #003344)
• Ancient Terrace color palette (#C8F0F3, #8CD2C5, #00BDC8, #00693E, #002024)
• Muted Lagoon color palette (#E0EFEB, #1C9D9D, #00545A, #002C26, #000507)
• Weathered Sapphire Thicket color palette (#CEEFEE, #009859, #0069C9, #005530, #00122B)
• Pine Boulevard color palette (#C6F3F4, #007E5B, #00678B, #584C00, #000F08)

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