Washed Petrol color palette — #E6F6F0 · #87BADD · #C0916A · #3279A3 · #35302B

Slate and Camel set the tone — five colors that lean into trust and stability.

The five colors

• Cream (#E6F6F0): bright and airy, almost weightless.
• Sky (#87BADD): A luminous, dusty blue — the color of deep harbor water.
• Camel (#C0916A): A luminous, dusty gold — the color of honey in a jar.
• Slate (#3279A3): A full-bodied, balanced blue — the color of deep harbor water.
• Espresso (#35302B): quiet, heavy and certain.

Feels like: Trust, Stability, Optimism, Sophistication. Tagged muted.

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

• Petrol Market color palette (#E8F6EC, #7EC0CB, #C78988, #008090, #571B02)
• Softworn Bloom color palette (#FCEDF5, #B0ACE3, #A39F65, #6F67AA, #33312A)
• Patina Corridor color palette (#E9FAF4, #8DB5D6, #BA86A9, #0B79B8, #664144)
• Azure Study color palette (#EDF6FF, #A5C9E8, #D9A385, #3094D6, #68432D)
• Wandering Summit color palette (#DBFAF1, #66A2D5, #B0825E, #947145, #132D26)
• Denim Terrace color palette (#F7EFF4, #CEC39F, #575E88, #402839, #191117)
• Tempered Oat Summit color palette (#E1F8EF, #ECD6CE, #E2BAB1, #76937B, #473748)
• Pale Ultramarine color palette (#FFEAFC, #6694FA, #B07400, #2650BD, #2F1C00)

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