Petrol Garden color palette — #ECF8F4 · #F0B3A7 · #41789C · #204C3F · #142620
Slate takes the lead with Rose Quartz close behind in a set that reads as trust and stability at first glance.
The five colors
- Ivory (#ECF8F4): a clean, paper-quiet neutral.
- Rose Quartz (#F0B3A7): A luminous, dusty orange — the color of toasted spice.
- Slate (#41789C): A full-bodied, balanced blue — the color of a favorite pair of jeans.
- Forest (#204C3F): A deep, shadowed, dusty teal — the color of shallow lagoons.
- Onyx (#142620): A deep, shadowed, dusty teal — the color of sea glass.
Feels like: Trust, Stability, Sophistication. Tagged luxury, dark, 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
- Patina Petrol Boulevard color palette (#FCF1FD, #E9B994, #4B74A5, #513852, #271E28)
- Azure Loft color palette (#EBF9F1, #B6E4B3, #1BA4CB, #386B7D, #17251E)
- Muted Lagoon color palette (#EBF7FF, #94BA93, #005A73, #003443, #131A2B)
- Dusty Ash color palette (#F9F3F8, #E6D7D7, #D1BCB6, #7990B8, #4D444D)
- Weathered Study color palette (#FDE8F1, #9DC18D, #69598C, #4C2839, #1F1117)
- Cerulean Terrace color palette (#EFF7F4, #8CCEF1, #BF70A9, #008CBD, #301E20)
- Worn Iris color palette (#FFF0FA, #858BDC, #AD6664, #81501A, #1F2F1C)
- Muted Azure color palette (#E1FCF2, #5EA7D6, #B6825E, #966037, #213831)
Browse the whole catalog at Explore, or see today's palette.