Petrol Field color palette — #FCF2F7 · #EBB49C · #3A9D8E · #4768A1 · #27202F
Slate takes the lead with Fern close behind in a set that reads as trust and stability at first glance.
The five colors
- Ivory (#FCF2F7): a clean, paper-quiet neutral.
- Sand (#EBB49C): A luminous, dusty orange — the color of sun-warmed clay.
- Fern (#3A9D8E): A luminous, balanced teal — the color of sea glass.
- Slate (#4768A1): A full-bodied, balanced violet — the color of a velvet chair.
- Onyx (#27202F): A deep, shadowed, dusty violet — the color of twilight just after sunset.
Feels like: Trust, Stability, Optimism, Sophistication. Tagged jewel, vibrant, 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
- Worn Petrol color palette (#EFF8EF, #E6C69E, #5DAC90, #4A68AD, #442E4C)
- Jade Veranda color palette (#F8F3FC, #DBA1B6, #71A268, #007282, #232535)
- Hushed Pewter Cabin color palette (#EFF8F2, #CBBA7E, #5F9CBE, #765C98, #2E1C2A)
- Aged Petrol color palette (#EAFAED, #FED4AB, #A8A56C, #337AA1, #314534)
- Mulberry Lagoon color palette (#E9FAF1, #A8AA66, #2782C6, #813A8D, #291320)
- Dusty Amber color palette (#FAF0E8, #C87033, #147086, #1A5261, #25171E)
- Nightshade Quarry color palette (#FFF1F5, #D18300, #007E8B, #3F09D1, #27030B)
- Ancient Study color palette (#ECF9EF, #C5AB6F, #465A51, #222F25, #150D10)
Browse the whole catalog at Explore, or see today's palette.