Petrol Garden color palette — #E9FAED · #68C8D8 · #00799A · #00564F · #003754
Built around Teal, softened by Aqua — the whole palette hums with trust and stability.
The five colors
- Ivory (#E9FAED): A whisper-light, dusty teal — the color of shallow lagoons.
- Aqua (#68C8D8): A luminous, balanced blue — the color of a favorite pair of jeans.
- Teal (#00799A): A full-bodied, balanced blue — the color of a favorite pair of jeans.
- Peacock (#00564F): A full-bodied, dusty teal — the color of glacier melt.
- Deep Teal (#003754): A deep, shadowed, dusty blue — the color of deep harbor water.
Feels like: Trust, Stability, Calm, Balance. 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 Orchard color palette (#E9FAEC, #72C1F3, #006DCA, #005461, #1C2D69)
- Cobalt Bloom color palette (#FBEDF8, #84C8D5, #007AB1, #005439, #050B51)
- Denim Dune color palette (#E1F1E4, #5EABBF, #005F81, #003E3C, #00213A)
- Washed Veranda color palette (#FCF4E8, #83ECFE, #00BCEC, #00998D, #003754)
- Tempered Cerulean Workshop color palette (#F0F8F1, #C4E1F3, #5591BC, #126F75, #334965)
- Azure Veranda color palette (#FFF2EC, #7FDBEB, #0096D8, #007650, #162B6F)
- Navy Quarry color palette (#DEEFE1, #5A879F, #003F6A, #002226, #000526)
- Hushed Raspberry color palette (#FDE0F1, #C00D98, #716500, #005C71, #410632)
Browse the whole catalog at Explore, or see today's palette.