Look at your sketch. Yes, the fields are the same direction between the wires, but the fields extend out further. The field below the top wire is into the board. A little lower and it is still into the board including the region below the bottom wire. So in the region above both wires and the region below both wires the fields are in opposite directions. If the wires are very close together, the fields are also essentially equal and cancel.
We don’t officially care about the region between the wires as nothing will be located between the wires. However, minimizing that space and putting the wires together is important for best cancellation of the field away from the wires. In fact you can relate the strength of the field away from the wires to the area of the loop made by the wires. As that area can never be exactly zero, we often further minimize the field by twisting the wires so that there are a series of tiny loops with the residual field pointing opposite directions from each loop.