Petrol Garden color palette — #EEF0E4 · #99BAA7 · #007295 · #004F56 · #003249

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

The five colors

• Cream (#EEF0E4): bright and airy, almost weightless.
• Sage (#99BAA7): A luminous, dusty teal — the color of glacier melt.
• Teal (#007295): A full-bodied, balanced blue — the color of deep harbor water.
• Forest (#004F56): A deep, shadowed, dusty blue — the color of open sky before noon.
• Deep Teal (#003249): 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

• Worn Cobalt color palette (#F4F6EF, #A8CFBE, #1981B6, #005D6F, #0E3D62)
• Hushed Petrol color palette (#F1E7E1, #84BECF, #0072A9, #004C43, #021238)
• Pale Summit color palette (#DFF4F1, #94E0F8, #42B2DE, #008F9C, #00324A)
• Worn Pier color palette (#E4E6D6, #609BA0, #00535F, #00302D, #00171E)
• Dusty Jade color palette (#F6EFCF, #B6CE9D, #6FB87A, #676000, #2F3D12)
• Feathered Corridor color palette (#E9E4D2, #726F00, #006F5A, #832D00, #222100)
• Softworn Coast color palette (#F0E6CF, #898B5E, #605700, #443500, #212800)
• Dusty Plum color palette (#E8DDC5, #937E00, #B03663, #554900, #510024)

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