Petrol Field color palette — #E9F3FF · #DED1F0 · #CAA8D6 · #0075A8 · #19243A

Cerulean and Mauve set the tone — five colors that lean into trust and stability.

The five colors

• Ivory (#E9F3FF): bright and airy, almost weightless.
• Thistle (#DED1F0): A whisper-light, dusty violet — the color of twilight just after sunset.
• Mauve (#CAA8D6): A luminous, dusty pink — the color of neon signs at night.
• Cerulean (#0075A8): A full-bodied, balanced blue — the color of a favorite pair of jeans.
• Midnight (#19243A): A deep, shadowed, dusty violet — the color of twilight just after sunset.

Feels like: Trust, Stability, Creativity, 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

• Antique Petrol color palette (#F0F0FF, #DCD2F6, #E2A4B4, #6A62A5, #2A223E)
• Cypress Boulevard color palette (#E1F6FF, #CBD7F6, #A7B8F5, #00847B, #01293E)
• Aged Blush Villa color palette (#E2FCF2, #F2CADF, #E496B2, #22808A, #503B4C)
• Worn Cerulean Boulevard color palette (#EEF6FF, #DED9E3, #B8B4A4, #00A0AA, #27304E)
• Weathered Mallow color palette (#FFF0FE, #F7D0D3, #E2A6F2, #5192BA, #503A4B)
• Dusty Peony Garden color palette (#DFEAFF, #AF9EE3, #AE6AA6, #004773, #100732)
• Faded Lapis Grove color palette (#F5EEFF, #F5B4F3, #F9709A, #5B41D3, #340E3A)
• Mulberry Summit color palette (#F2E5FF, #E2C3E3, #DB8A69, #863885, #330A19)

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