Washed Petrol color palette — #D0E7E6 · #5BA399 · #0076A3 · #2F3000 · #000F09

Slate and Eucalyptus set the tone — five colors that lean into nature and growth.

The five colors

• Silver (#D0E7E6): A whisper-light, dusty teal — the color of sea glass.
• Eucalyptus (#5BA399): A luminous, dusty teal — the color of glacier melt.
• Slate (#0076A3): A full-bodied, balanced blue — the color of a favorite pair of jeans.
• Espresso (#2F3000): A deep, shadowed, dusty green — the color of a quiet forest floor.
• Ink (#000F09): A deep, shadowed, dusty teal — the color of glacier melt.

Feels like: Nature, Growth, Trust, Stability, Sophistication. Tagged pastel, light, 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

• Muted Cobalt color palette (#CEF4FA, #3E9BB6, #4071B8, #00430E, #000D0F)
• Hushed Thicket color palette (#E6F0DB, #419A89, #007C7C, #003B1B, #000201)
• Dusty Emerald color palette (#D3F8E3, #639F59, #008274, #452800, #0B0F00)
• Faded Forest color palette (#CAEDED, #63B3A1, #009C97, #005F23, #00110A)
• Azure Balcony color palette (#D5EFD4, #70BEAC, #00A3D8, #667302, #000F08)
• Violet Boulevard color palette (#CCEDFD, #5DA9EB, #845ABD, #004940, #001E32)
• Nocturne Navy color palette (#DEEEF3, #00686A, #200079, #002323, #01000E)
• Pale Byzantium color palette (#F0E3D7, #A407ED, #007749, #02100F, #000202)

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