Washed Petrol color palette — #EDF6FF · #5EA6E3 · #B37E11 · #006AAC · #2F4A31

Built around Peacock, softened by Mustard — the whole palette hums with nature and growth.

The five colors

• Ivory (#EDF6FF): bright and airy, almost weightless.
• Cornflower (#5EA6E3): A luminous, balanced blue — the color of deep harbor water.
• Mustard (#B37E11): A luminous, balanced gold — the color of honey in a jar.
• Peacock (#006AAC): A full-bodied, balanced blue — the color of deep harbor water.
• Deep Olive (#2F4A31): A deep, shadowed, dusty green — the color of new leaves after rain.

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

Use it as a design system

One click turns Washed Petrol 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 Corridor color palette (#F1F5FF, #9499DA, #C37320, #595AAC, #5C3919)
• Amber Field color palette (#E9F8FF, #4DAFC3, #C66F41, #007284, #58364A)
• Bronze Harbor color palette (#EDF6FF, #3A8FCE, #B66200, #716C00, #283A4A)
• Linen Grape color palette (#F4F4FF, #B08FCF, #A79014, #734798, #264B37)
• Powder Alley color palette (#EEF6FF, #7ABDFF, #6EB880, #4D85BA, #164C49)
• Petrol Studio color palette (#FBECFD, #69A8EA, #BB7497, #2867A4, #3D192C)
• Hushed Olive Orchard color palette (#E6FBF0, #81B3A6, #7A7625, #3A5B3F, #274341)
• Frosted Ultramarine Canyon color palette (#D6E5FF, #5176FF, #807000, #2300E4, #352E00)

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