Petrol Field color palette — #F5EBD4 · #C2B98E · #749A7C · #576891 · #5C3846
A conversation between Slate and Eucalyptus, giving this palette its sense of nature and growth.
The five colors
- Parchment (#F5EBD4): A whisper-light, dusty gold — the color of afternoon light on wheat.
- Sand (#C2B98E): A luminous, dusty green — the color of new leaves after rain.
- Eucalyptus (#749A7C): A luminous, dusty teal — the color of glacier melt.
- Slate (#576891): A full-bodied, dusty violet — the color of twilight just after sunset.
- Cocoa (#5C3846): A deep, shadowed, dusty rose — the color of pressed rose petals.
Feels like: Nature, Growth, Sophistication. Tagged vintage, retro, muted.
Use it as a design system
One click turns Petrol Field 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
- Weathered Cypress Garden color palette (#FFDDD1, #CCB59D, #9D9478, #4C6E5B, #4E3B4F)
- Dusty Taupe Harbor color palette (#FFF5D6, #CDD1B7, #8FA381, #917383, #63454A)
- Petrol Grove color palette (#DEFFE5, #B9E6D5, #7DA88A, #59658D, #32334B)
- Antique Pewter Orchard color palette (#F6DACB, #BB9F90, #897C48, #6D4776, #663A3C)
- Mint Workshop color palette (#D7E9CD, #68CB99, #009FA2, #7A518F, #602B47)
- Muted Frost color palette (#A8FADA, #8ECACA, #729FB8, #905F7A, #723433)
- Hushed Drift color palette (#E0F1EC, #68BBC5, #5A87A7, #7B4759, #5A2E23)
- Pale Aubergine color palette (#E7EEDA, #679771, #00746F, #493170, #3B032F)
Browse the whole catalog at Explore, or see today's palette.