Washed Petrol color palette — #EEF8F4 · #E5D3D0 · #C8B8BB · #487B97 · #3F4B46

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

The five colors

• Ivory (#EEF8F4): a clean, paper-quiet neutral.
• Bone (#E5D3D0): A whisper-light, dusty orange — the color of sun-warmed clay.
• Stone (#C8B8BB): soft and architectural.
• Slate (#487B97): A full-bodied, dusty blue — the color of deep harbor water.
• Charcoal (#3F4B46): quiet, heavy and certain.

Feels like: Trust, Stability, Sophistication. Tagged scandi, muted, light.

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 Boulevard color palette (#FFF1F8, #EFD3CE, #D5B1B6, #6960A0, #483C42)
• Driftwood Delta color palette (#FAF3F8, #E3D7D7, #B1ADA3, #967690, #585056)
• Fern Garden color palette (#F4F7E6, #80BFA4, #3C8178, #446250, #344B05)
• Navy Lagoon color palette (#E3F0EC, #B4A3B1, #957487, #003A60, #041813)
• Denim Summit color palette (#FEF0FE, #E2CBDA, #BD9CAB, #0857AE, #3B2E3B)
• Basalt Bloom color palette (#FAE9EC, #CAB2B3, #A8847E, #5B3162, #2A1A1D)
• Chestnut Garden color palette (#FDF0FF, #A2AADA, #A07E86, #835718, #41520A)
• Worn Iris color palette (#FFEFFF, #A1E4FF, #83BEFF, #8979C4, #483245)

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