在SASS中创建随机的背景色

我正在尝试在Sass中具有1-3种不同颜色的翻转效果。我该怎么做？到目前为止，这是我的代码。

input[type=submit] {
    font-size:1.3em;
    padding:5px;
    font-family:$paragraphFont;
    width:400px;
    border:1px solid #888;
    box-sizing:border-box;
    margin-top:15px;
    cursor:pointer;
    transition:background-color .2s ease-in-out;

    &:hover {
        cursor:pointer;
        background-color:#3cde77;
    }
}

<form>
    <p>Name:</p><input type="text" />
    <p>Email:</p><input type="text" />
    <p>Message:</p><textarea></textarea>
    <input type="submit" value =" Send Message" />
</form>

我想像您可以以某种方式使用random（）函数并将我的颜色分配给一个数字，但我不知道如何。

有什么想法吗？