Petrol Field color palette — #F0F7F3 · #DED4D3 · #CEB6B8 · #2D7F9A · #424A46

Cerulean takes the lead with Stone close behind in a set that reads as trust and stability at first glance.

The five colors

• Ivory (#F0F7F3): a clean, paper-quiet neutral.
• Silver (#DED4D3): a clean, paper-quiet neutral.
• Stone (#CEB6B8): A luminous, dusty red — the color of late-summer berries.
• Cerulean (#2D7F9A): A full-bodied, balanced blue — the color of a favorite pair of jeans.
• Charcoal (#424A46): 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

• Washed Petrol Field color palette (#FAF3F7, #EDD4D1, #DDAEB2, #5A63A9, #4B3A45)
• Muted Petrol color palette (#EBF3F8, #D4D7E3, #BABBCA, #4A7C95, #262D32)
• Lagoon Terrace color palette (#EFF8F3, #CFDFE1, #D7C2C9, #6B9B88, #404A46)
• Antique Field color palette (#F8F3F8, #E1D7D8, #B0ADA1, #957695, #575057)
• Muted Lantern color palette (#EDF8F4, #E2CADB, #AF9CCF, #005F96, #1F3932)
• Washed Chestnut Villa color palette (#D8F6E3, #CFB5CC, #9681AB, #726618, #46523D)
• Patina Lagoon Quarry color palette (#F7F6EA, #92BB9C, #008674, #406252, #3D4900)
• Muted Balcony color palette (#D5E3DD, #B2A4B0, #947584, #003D56, #081712)

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