Petrol Field color palette — #EFF6FA · #D8DAE1 · #BFBDCD · #308090 · #3E4A4F

A conversation between Slate and Stone, giving this palette its sense of trust and stability.

The five colors

• Ivory (#EFF6FA): a clean, paper-quiet neutral.
• Silver (#D8DAE1): bright and airy, almost weightless.
• Stone (#BFBDCD): A luminous, dusty violet — the color of wild irises.
• Slate (#308090): A full-bodied, dusty blue — the color of a favorite pair of jeans.
• Charcoal (#3E4A4F): quiet, heavy and certain.

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

• Weathered Petrol color palette (#EDF4F0, #CCDCDD, #ADC2C4, #407F92, #252F29)
• Softworn Grove color palette (#E2FAFF, #A7C2D0, #748298, #7E6031, #32574B)
• Cypress Canyon color palette (#EBF9F3, #92B9B2, #398368, #386071, #264A45)
• Wandering Orchard color palette (#E5EFF5, #A1AAB5, #767F96, #003E50, #05161F)
• Patina Denim color palette (#EFF6FC, #CAD3E1, #9EA5C6, #00628A, #1A3649)
• Timeworn Sapphire Study color palette (#F2F5FB, #DDD6E4, #BEB7D6, #4060CA, #354053)
• Ancient Aubergine Garden color palette (#DEDFEA, #BAB6C6, #9887A0, #532985, #1C1D30)
• Weathered Petrol color palette (#EAFAED, #4FA7AF, #4669A7, #624A00, #214153)

Browse the whole catalog at Explore, or see today's palette.