Petrol Garden color palette — #EBF5ED · #82BFC8 · #A0A160 · #00818E · #33312A
Teal takes the lead with Moss close behind in a set that reads as nature and growth at first glance.
The five colors
- Cream (#EBF5ED): bright and airy, almost weightless.
- Ash (#82BFC8): A luminous, dusty blue — the color of a favorite pair of jeans.
- Moss (#A0A160): A luminous, balanced green — the color of new leaves after rain.
- Teal (#00818E): A full-bodied, balanced blue — the color of deep harbor water.
- Espresso (#33312A): quiet, heavy and certain.
Feels like: Nature, Growth, Trust, Stability, Sophistication. Tagged 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
- Cypress Meadow color palette (#EDF4EA, #89C0B4, #8E97D4, #008473, #44253B)
- Cerulean Harbor color palette (#E8F8FF, #7ED4E0, #B7B762, #009EAD, #315646)
- Tempered Canyon color palette (#E8F6E8, #68A9A8, #728EBD, #648533, #1C2C1C)
- Dusty Petrol color palette (#EBF4F2, #BEC8A8, #426586, #15334E, #061814)
- Softworn Bloom color palette (#F8EEF7, #9CB4DF, #CA849C, #476FBB, #482623)
- Weathered Coral color palette (#EAF8FF, #69BED4, #D57987, #157F96, #5A445E)
- Weathered Cerulean Courtyard color palette (#E8F6EE, #BADBEB, #DDC5C6, #5399A2, #2F453B)
- Hazy Moss Cabin color palette (#DEF9EC, #00A7D9, #5C9600, #006484, #142700)
Browse the whole catalog at Explore, or see today's palette.