Color Not Changing in Table As It Should?

local button = script.Parent.FrontL
Colos = {"Bright blue", "Pastel green", "Hot pink"}


button.MouseButton1Click:connect(function()
 script.Parent.Parent.ClickSound:Play()
  local NewCol = "Bright blue"
  game.Workspace.BearToon.SkinHeadValue.Value = BrickColor.new("Bright blue")
  game.Workspace.BearToon.SkinArmValue.Value = BrickColor.new("Bright blue")
  game.Workspace.BearToon.SkinLegValue.Value = BrickColor.new("Bright blue")
  for i = 1, #Colos + 1 do
if BrickColor.new(Colos[i]) == game.Workspace.BearToon.SkinHeadValue.Value then
      NewCol = Colos[i + 1]
      game.Workspace.BearToon.SkinHeadValue.Value = BrickColor.new(Colos[i + 1])
      game.Workspace.BearToon.SkinArmValue.Value = BrickColor.new(Colos[i + 1])
      game.Workspace.BearToon.SkinLegValue.Value = BrickColor.new(Colos[i + 1])
      break
end
end
end)

i want it to start at Bright blue and end at Hot pink meaning they cant change the color again etc but the problem is it does not start at bright blue nor does it continue from pastel green to hot pink. Pastel green appears first on clicked instead of Bright blue. Im sure its a small fix im just not sure where. Thanks