Banana Mania (#FAE7B5)

/* Background */
.element {
    background-color: #FAE7B5;
}

/* Text */
.element {
    color: #FAE7B5;
}

/* Border */
.element {
    border: 1px solid #FAE7B5;
}

/* Linear gradient to complementary */
.element {
    background: linear-gradient(
        to right,
        #FAE7B5,
        #B5C8FA
    );
}

/* Radial gradient */
.element {
    background: radial-gradient(
        circle,
        #FAE7B5,
        #B5C8FA
    );
}

// SCSS variable
$banana-mania: #FAE7B5;

// With RGB channels (useful for rgba() usage)
$banana-mania-r: 250;
$banana-mania-g: 231;
$banana-mania-b: 181;

// Usage
.element {
    background-color: $banana-mania;
    color: rgba($banana-mania-r, $banana-mania-g, $banana-mania-b, 0.8);
}