Petrol Garden color palette — #F1E4EF · #64C4CD · #00759E · #004E2B · #011337
Slate takes the lead with Aqua close behind in a set that reads as nature and growth at first glance.
The five colors
- Blush (#F1E4EF): A whisper-light, dusty pink — the color of neon signs at night.
- Aqua (#64C4CD): A luminous, balanced blue — the color of open sky before noon.
- Slate (#00759E): A full-bodied, balanced blue — the color of open sky before noon.
- Forest (#004E2B): A deep, shadowed, balanced teal — the color of shallow lagoons.
- Midnight (#011337): A deep, shadowed, dusty blue — the color of a favorite pair of jeans.
Feels like: Nature, Growth, Trust, Stability, Calm, Balance. Tagged coastal, cool, light.
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
- Dusty Sapphire color palette (#F3E5EA, #6CBEE9, #3967BE, #004C46, #170B36)
- Aged Cobalt color palette (#F8EFF5, #92D4E2, #2B83BC, #075E44, #142037)
- Ancient Petrol Thicket color palette (#E5F2EF, #79BFC6, #007586, #00504D, #003441)
- Weathered Courtyard color palette (#FDF4E6, #A8F5FD, #00A2C3, #006B5D, #002232)
- Ancient Terrace color palette (#D9F6E3, #009A89, #00686E, #003E50, #00172E)
- Hushed Lilac Coast color palette (#D2F3FF, #99CDFF, #B794D1, #3B714A, #011C2B)
- Hushed Chestnut color palette (#C5EAF6, #007A7E, #914600, #5C4300, #000D12)
- Tempered Azure color palette (#ADEEFF, #00A3CF, #006480, #002935, #00060A)
Browse the whole catalog at Explore, or see today's palette.