rappad color codes.sass

$background: #111
$base: lighten($background, 5%)
$form: #222326

$input-field: $form
$input-field-border: lighten($input-field, 15%)

$copy-gray: #EEE

$purple: #56457D
$purple-border: lighten($purple, 15%)
$outline-purple: darken($purple, 15%)

$gray: #88898C
$light-gray: lighten($form, 40%)
$form-line: #222326

$yellow: #D5C46A

$input-background: #303030
$input-background-border: lighten($input-background, 10%)

$dark-gray: #716E72
$lightest-gray: #CAC6CC
$accent: #919446

$red: #B24341
$green: #105639
$light-green: lighten($green, 10%)
$blue: #105994
$orange: #DE6A3D
$foreground: #222

$plain: #D9D5BF

$anchor-color: $yellow
$strong-color: #FFF
$subtle-color: $gray
$text-color: #88898C
$shadow-color: rgba(0, 0, 0, 0.5)
$error-color: $red

$bebas: "BebasNeueRegular", "Arial", sans-serif
$type: "ProximaNova", "Helvetica", "Arial", sans-serif

$easeOutQuart: cubic-bezier(0.250, 0.460, 0.450, 0.940)
$easeOutPlayful: cubic-bezier(.17,.88,.29,1.11)
$swiftOut: cubic-bezier(.55,0,.1,1)

// https://kuler.adobe.com/create/color-wheel/?base=2&rule=Custom&selected=3&name=My%20Kuler%20Theme&mode=rgb&rgbvalues=0.33725490196078434,0.27058823529411763,0.49019607843137253,0.2,0.2,0.2,0.6980392156862745,0.2627450980392157,0.2549019607843137,0.06274509803921569,0.34901960784313724,0.5803921568627451,0.7176470588235294,0.6627450980392157,0.3568627450980392&swatchOrder=0,1,2,3,4