Petrol Garden color palette — #E6F7E9 · #7CCBC9 · #00808E · #00543E · #001E28
A conversation between Teal and Forest, giving this palette its sense of trust and stability.
The five colors
- Cream (#E6F7E9): A whisper-light, dusty teal — the color of shallow lagoons.
- Aqua (#7CCBC9): A luminous, dusty teal — the color of shallow lagoons.
- Teal (#00808E): A full-bodied, balanced blue — the color of open sky before noon.
- Forest (#00543E): A deep, shadowed, balanced teal — the color of glacier melt.
- Midnight (#001E28): 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
- Frosted Forest color palette (#FFF2EE, #6DC9CA, #007999, #005A21, #003363)
- Tempered Delta color palette (#E3ECE5, #86BBDC, #226DB6, #004A55, #06103B)
- Chalky Cobalt Archive color palette (#EBF5ED, #97DBF7, #008BCF, #006166, #04244C)
- Ancient Harbor color palette (#E9F2EA, #61AAAD, #006373, #003B2F, #000D14)
- Antique Cerulean color palette (#FDF4E5, #97D9D6, #009EAF, #007558, #003949)
- Cerulean Studio color palette (#E7F3EA, #288599, #004259, #001F1E, #000104)
- Antique Wisteria color palette (#E6EFFF, #D0CCFF, #CB82E6, #006A97, #1C1B45)
- Worn Pine Orchard color palette (#FEF0FF, #B1FFFC, #00AAD0, #00791F, #002646)
Browse the whole catalog at Explore, or see today's palette.