Petrol Field color palette — #F8F3F9 · #E4D8D8 · #D0BBB4 · #4B77A7 · #4C454D
Slate takes the lead with Stone close behind in a set that reads as trust and stability at first glance.
The five colors
- Ivory (#F8F3F9): a clean, paper-quiet neutral.
- Silver (#E4D8D8): bright and airy, almost weightless.
- Stone (#D0BBB4): A luminous, dusty orange — the color of sun-warmed clay.
- Slate (#4B77A7): A full-bodied, balanced blue — the color of a favorite pair of jeans.
- Charcoal (#4C454D): a grounded near-black with real depth.
Feels like: Trust, Stability, Sophistication. Tagged scandi, muted, light.
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
- Muted Petrol color palette (#EDF2F9, #DAD6E4, #C3B9CA, #5E7797, #282C32)
- Muted Grape color palette (#FCF2F5, #E7D6CD, #DDB0A1, #7B53A7, #4A3B40)
- Timeworn Olive Harbor color palette (#E2FBEB, #CCB3C8, #9B7793, #557132, #365745)
- Muted Delta color palette (#F3DEEA, #6864BA, #4B252B, #291923, #081415)
- Aged Olive Pier color palette (#FCF4EC, #B6B282, #568047, #704F57, #524000)
- Ancient Aubergine Orchard color palette (#F7EBEE, #D8C8C6, #B89989, #713884, #39292D)
- Dusty Station color palette (#F7F7E0, #48A4C5, #7657A4, #395819, #473648)
- Patina Navy Archive color palette (#E5DCE5, #B6A3AB, #9F7174, #002C87, #1A1019)
Browse the whole catalog at Explore, or see today's palette.