Petrol Garden color palette — #E3F2EF · #7AC5CF · #007488 · #003E3D · #000305
Teal takes the lead with Aqua close behind in a set that reads as trust and stability at first glance.
The five colors
- Cream (#E3F2EF): bright and airy, almost weightless.
- Aqua (#7AC5CF): A luminous, dusty blue — the color of deep harbor water.
- Teal (#007488): A full-bodied, balanced blue — the color of a favorite pair of jeans.
- Deep Teal (#003E3D): A deep, shadowed, dusty teal — the color of glacier melt.
- Ink (#000305): a grounded near-black with real depth.
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
- Ultramarine Orchard color palette (#DEF3F3, #95BBE0, #1764C2, #003A53, #000016)
- Weathered Basin color palette (#E6FAF8, #96D7EF, #0085B4, #00505A, #000E1A)
- Softworn Cerulean color palette (#EFDDD5, #219BA8, #00516B, #002D21, #00040E)
- Cerulean Alley color palette (#EBDBE7, #67C0CC, #008FBC, #006F57, #00142B)
- Wandering Azure Grove color palette (#E2FBF8, #C9DFF5, #00A9D6, #007179, #00283B)
- Turquoise Grove color palette (#ECF8F5, #C4DBF5, #00C6CB, #008A74, #003D43)
- Weathered Courtyard color palette (#E2F2E8, #8C8A46, #594D00, #2B2000, #010100)
- Tempered Brick Archive color palette (#FFE2DE, #C10D0F, #695700, #6B0079, #040000)
Browse the whole catalog at Explore, or see today's palette.