Washed Petrol Field color palette — #EFF6FF · #73A1E4 · #AF8017 · #2E64B2 · #2C4B32

Cobalt and Mustard set the tone — five colors that lean into nature and growth.

The five colors

• Ivory (#EFF6FF): bright and airy, almost weightless.
• Cornflower (#73A1E4): A luminous, balanced blue — the color of deep harbor water.
• Mustard (#AF8017): A luminous, balanced gold — the color of honey in a jar.
• Cobalt (#2E64B2): A full-bodied, balanced blue — the color of deep harbor water.
• Deep Olive (#2C4B32): A deep, shadowed, dusty green — the color of fresh herbs.

Feels like: Nature, Growth, Trust, Stability, Optimism, Balance. Tagged cool.

Use it as a design system

One click turns Washed 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

• Aged Market color palette (#EDF6FF, #60A7DC, #C96E1C, #006BA6, #583646)
• Lapis Terrace color palette (#F1F5FF, #9696E1, #74A135, #564FAD, #374923)
• Dusty Study color palette (#F3F4FF, #B5A6DA, #AC9933, #7B62AB, #3A5445)
• Misty Canyon color palette (#EEF6FF, #4D8CD0, #AE6800, #657025, #2A394A)
• Chalky Periwinkle color palette (#FEEBFC, #72A3F8, #C1718D, #3C63A8, #3E1C19)
• Jade Grove color palette (#EFF6FF, #87BAFF, #57BC88, #5082C4, #1F4D36)
• Bronze Grove color palette (#FFF0F8, #C599A8, #9E6143, #724242, #314236)
• Soft Grape color palette (#DBE4FF, #7D65FF, #876D00, #4F00CB, #392C00)

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