Petrol Field color palette — #F9F6E4 · #A6C9A0 · #6C9F86 · #2377A0 · #444E00
Built around Slate, softened by Deep Olive — the whole palette hums with nature and growth.
The five colors
- Cream (#F9F6E4): A whisper-light, dusty green — the color of new leaves after rain.
- Pistachio (#A6C9A0): A luminous, dusty green — the color of new leaves after rain.
- Eucalyptus (#6C9F86): A luminous, dusty teal — the color of shallow lagoons.
- Slate (#2377A0): A full-bodied, balanced blue — the color of a favorite pair of jeans.
- Deep Olive (#444E00): A full-bodied, balanced green — the color of new leaves after rain.
Feels like: Nature, Growth, Trust, Stability, Balance. Tagged 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
- Softworn Cocoa color palette (#FCF4E4, #CCBD8E, #919768, #2E7D75, #5A4400)
- Dusty Petrol Pier color palette (#F5F7E9, #8CCBC8, #579EAE, #6966A5, #394E3B)
- Wandering Alley color palette (#E6FBF1, #C3ECA8, #7FAF90, #467A90, #2D4441)
- Aged Fern Harbor color palette (#FFF3E9, #A8AC78, #3C8770, #72496B, #4C4B00)
- Aged Quarry color palette (#F8F8D4, #43C193, #009187, #0054BD, #004032)
- Worn Grove color palette (#ECFAEB, #C6D8CA, #98B6A7, #987686, #644750)
- Cerulean Harbor color palette (#F4F6F0, #C7E7E8, #89B7DE, #3992AF, #5F4A60)
- Ancient Chapel color palette (#EFF8F1, #80BDC6, #6B8DC4, #7F5497, #61323E)
Browse the whole catalog at Explore, or see today's palette.