Petrol Field color palette — #F9F3F9 · #E7D4D5 · #C3ADB2 · #456590 · #413741

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

The five colors

• Ivory (#F9F3F9): bright and airy, almost weightless.
• Silver (#E7D4D5): A whisper-light, dusty red — the color of embers at dusk.
• Rosewood Mist (#C3ADB2): A luminous, dusty red — the color of embers at dusk.
• Slate (#456590): A full-bodied, dusty blue — the color of a favorite pair of jeans.
• Charcoal (#413741): A deep, shadowed, dusty pink — the color of neon signs at night.

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

• Cobalt Quarry color palette (#F0F6FC, #DCD7E3, #CAB8C9, #5483B8, #343B44)
• Dusty Parlor color palette (#FFF1F6, #EEC7CC, #BE9E99, #664696, #412B35)
• Timeworn Driftwood Thicket color palette (#FCF2F5, #E4D8D3, #ABB0A6, #9A7781, #5A4F52)
• Washed Navy Quarry color palette (#F6EDF4, #C7B2BB, #A0868B, #2D4178, #281A26)
• Onyx Alley color palette (#F7E6E9, #AE9290, #8B675A, #440A4E, #140407)
• Muted Taupe Harbor color palette (#FFF4E1, #98A255, #407139, #5F4051, #37352F)
• Hazy Delta color palette (#BAF1E3, #AE9DD2, #996982, #555A0D, #404400)
• Aged Iris Lantern color palette (#FFF0F9, #69D5FF, #9390F6, #9E5B8F, #362449)

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