Petrol Garden color palette — #FFF2EC · #5BAA89 · #30709A · #78382B · #30432F
Slate takes the lead with Jade close behind in a set that reads as trust and stability at first glance.
The five colors
- Ivory (#FFF2EC): a clean, paper-quiet neutral.
- Jade (#5BAA89): A luminous, balanced teal — the color of shallow lagoons.
- Slate (#30709A): A full-bodied, balanced blue — the color of a favorite pair of jeans.
- Rust (#78382B): A full-bodied, balanced orange — the color of autumn markets.
- Forest (#30432F): A deep, shadowed, dusty green — the color of a quiet forest floor.
Feels like: Trust, Stability, Sophistication. Tagged retro, 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
- Aged Drift color palette (#FFF4DE, #42A8B1, #5F649B, #5E4C00, #234538)
- Worn Garnet Lagoon color palette (#FFF2EE, #949E5D, #177976, #723658, #3D3E37)
- Worn Garnet Bloom color palette (#E7F6EA, #57ADA6, #077599, #712946, #002733)
- Weathered Emerald Chapel color palette (#F2F8E5, #3F9E69, #785384, #6D3800, #413100)
- Cerulean Atelier color palette (#FEF4E4, #72C2BA, #2892BA, #924763, #2C4431)
- Washed Garden color palette (#FDF3EA, #B8B182, #617D53, #4A614A, #533F00)
- Softworn Lagoon color palette (#FAF4EE, #C5E5D8, #7289BD, #1F706B, #5E3B4D)
- Hazy Nightshade Parlor color palette (#FFDDC5, #009086, #1047B3, #572B00, #002F38)
Browse the whole catalog at Explore, or see today's palette.