Petrol Garden color palette — #ECE2E9 · #70C0C7 · #0081A2 · #005C42 · #00213A
Built around Cerulean, softened by Pine — the whole palette hums with trust and stability.
The five colors
- Rose Water (#ECE2E9): bright and airy, almost weightless.
- Mint Leaf (#70C0C7): A luminous, dusty blue — the color of a favorite pair of jeans.
- Cerulean (#0081A2): A full-bodied, balanced blue — the color of open sky before noon.
- Pine (#005C42): A full-bodied, balanced teal — the color of shallow lagoons.
- Midnight (#00213A): A deep, shadowed, dusty blue — the color of deep harbor water.
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
- Softworn Cobalt color palette (#E9D9E0, #86B9D6, #3274C8, #00595B, #171845)
- Antique Field color palette (#FDF3EE, #94DADE, #0087A8, #00543A, #000E1C)
- Softworn Orchard color palette (#F7EAF2, #A1CBE2, #358EC6, #006D61, #162C55)
- Weathered Balcony color palette (#EFF0E1, #66ACB1, #00636F, #003E3B, #00242D)
- Faded Blush Terrace color palette (#DCE5FF, #C7B1F4, #CF83B1, #00769E, #1E1D3D)
- Tempered Lagoon color palette (#FAF2F8, #C6EBFD, #7AACCA, #368B79, #364961)
- Sapphire Basin color palette (#E8EEFF, #4B62EC, #856300, #425C1D, #060839)
- Ultramarine Hollow color palette (#D6E3F7, #517FED, #907000, #1038CF, #231900)
Browse the whole catalog at Explore, or see today's palette.