Petrol Loft color palette — #F3F0C1 · #B6C593 · #7F9C73 · #007E86 · #005165
Teal takes the lead with Peacock close behind in a set that reads as nature and growth at first glance.
The five colors
- Custard (#F3F0C1): A whisper-light, dusty green — the color of new leaves after rain.
- Pistachio (#B6C593): A luminous, dusty green — the color of new leaves after rain.
- Moss (#7F9C73): A luminous, dusty green — the color of fresh herbs.
- Teal (#007E86): A full-bodied, balanced blue — the color of a favorite pair of jeans.
- Peacock (#005165): A full-bodied, dusty blue — the color of open sky before noon.
Feels like: Nature, Growth, Trust, Stability, Balance. Tagged vintage, retro, muted.
Use it as a design system
One click turns Petrol Loft 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
- Timeworn Lagoon color palette (#FFEEE0, #D9BD98, #A3965B, #3B8463, #00584D)
- Washed Hollow color palette (#F6E7C7, #ADAF81, #6F8A53, #006A69, #004049)
- Worn Atelier color palette (#DDF2D7, #6B977A, #16735F, #004765, #021C43)
- Airy Lagoon color palette (#F1F9E1, #89CBB1, #009C86, #876116, #054633)
- Softworn Pier color palette (#F5F6E9, #C3E5C9, #00AEC7, #00837E, #004858)
- Antique Stone Archive color palette (#FFE8E6, #F1C498, #B2B77B, #7288AB, #3B4D6A)
- Aged Parlor color palette (#DFE7D8, #2A8782, #005962, #1D2D70, #150731)
- Tempered Driftwood Boulevard color palette (#FFE1D9, #D2986B, #82863E, #4D5C86, #47466C)
Browse the whole catalog at Explore, or see today's palette.