Petrol Field color palette — #EFF1FF · #F9C8E5 · #E3AA93 · #4C6590 · #251C32
A conversation between Slate and Sand, giving this palette its sense of trust and stability.
The five colors
- Ivory (#EFF1FF): a clean, paper-quiet neutral.
- Thistle (#F9C8E5): A whisper-light, dusty pink — the color of neon signs at night.
- Sand (#E3AA93): A luminous, dusty orange — the color of sun-warmed clay.
- Slate (#4C6590): A full-bodied, dusty violet — the color of twilight just after sunset.
- Deep Indigo (#251C32): A deep, shadowed, dusty violet — the color of wild irises.
Feels like: Trust, Stability, Optimism, Sophistication. Tagged pastel, light, 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
- Stone Lagoon color palette (#E8F3FF, #E1CEFF, #E49EB8, #387E8B, #172236)
- Softworn Workshop color palette (#F8EDFF, #FFC6B4, #BFAF6F, #755F90, #302033)
- Pewter Workshop color palette (#F4F4FF, #F1C3DE, #D0959E, #7461A2, #423756)
- Frosted Nightshade Lantern color palette (#E9D9EB, #E39EB6, #B27339, #3C4396, #23021D)
- Softworn Moss Archive color palette (#F8E1F4, #DDBD8A, #87AB5D, #7C3E60, #261100)
- Cobalt Field color palette (#FFF1F6, #F4D2CF, #F0B895, #5684C1, #593238)
- Timeworn Basalt Study color palette (#EBE6F9, #7AAF85, #60345A, #30092C, #06040D)
- Washed Rust color palette (#F5E3F2, #BC4A45, #377441, #00531A, #1C061A)
Browse the whole catalog at Explore, or see today's palette.