Color

The Relax color palette is created with effiency in mind, and with inheritance with the core If Visual Identity

Table of Contents

Palette

Base colors

White#FFFFFFrgb(255,255,255)$rlx-color-base-grey-100
Lighthouse#F4F4F4rgb(244,244,244)$rlx-color-base-grey-200
Orochimaru#D9D9D9rgb(217,217,217)$rlx-color-base-grey-300
Tin Soldier#BEBEBErgb(190,190,190)$rlx-color-base-grey-400
Knight's Armor#5C5C5Crgb(92,92,92)$rlx-color-base-grey-500
Carbon#333333rgb(51,51,51)$rlx-color-base-grey-600
Fuzzy Unicorn#EBE3DCrgb(235,227,220)$rlx-color-base-brown-100
Pearl Bush#DDD0C5rgb(221,208,197)$rlx-color-base-brown-200
Pink Nudity#D5C4B7rgb(213,196,183)$rlx-color-base-brown-300
Moleskin#B0A298rgb(176,162,152)$rlx-color-base-brown-400
Fungi#8F8377rgb(143,131,119)$rlx-color-base-brown-500
Ploughed Earth#6E645Argb(110,100,90)$rlx-color-base-brown-600
Industrial Black#332A26rgb(51,42,38)$rlx-color-base-brown-700
Dubarry#F06064rgb(240,96,100)$rlx-color-base-red-100
Heart Throb#CA3C3Ergb(202,60,62)$rlx-color-base-red-200
Old Fashioned Pink#F8C6C9rgb(248,198,201)$rlx-color-base-pink-100
Out of Fashion#F16C8Frgb(241,108,143)$rlx-color-base-pink-200
Yellow Tail#FFF09Ergb(255,240,158)$rlx-color-base-yellow-100
Surprise Amber#F2B87Argb(242,184,122)$rlx-color-base-yellow-200
Sweet Spring#D0E6C3rgb(208,230,195)$rlx-color-base-turqois-100
Polished Aqua#76BBB2rgb(118,187,178)$rlx-color-base-turqois-200
Bright Lettuce#91D169rgb(145,209,105)$rlx-color-base-green-100
Astroturf#699C55rgb(105,156,85)$rlx-color-base-green-200
Alpine Alabaster#BADDE7rgb(186,221,231)$rlx-color-base-blue-100
Sky High#A7C0F2rgb(167,192,242)$rlx-color-base-blue-200
Delicate Girl Blue#68AAC8rgb(104,170,200)$rlx-color-base-blue-300
Pomtini#C790C1rgb(199,144,193)$rlx-color-base-purple-100
Purple Sultan#8C3980rgb(140,57,128)$rlx-color-base-purple-200
Evening East#585E6Argb(88,94,106)$rlx-color-base-slate-100
Blue Nights#333A48rgb(51,58,72)$rlx-color-base-slate-200
Navy Blazer#252D3Crgb(37,45,60)$rlx-color-base-slate-300
Dark#192130rgb(25,33,48)$rlx-color-base-slate-400
Sambucus#141C2Crgb(20,28,44)$rlx-color-base-slate-500
Doctor#FAF9F7rgb(250,249,247)$rlx-color-base-beige-100
Bright White#F6F3F0rgb(246,243,240)$rlx-color-base-beige-200
New House White#F1ECE8rgb(241,236,232)$rlx-color-base-beige-300
Aimee#EDE6E1rgb(237,230,225)$rlx-color-base-beige-400
Stone Harbour#E8E0D9rgb(232,224,217)$rlx-color-base-beige-500

Background colors

Doctor#FAF9F7rgb(250,249,247)$rlx-color-background-100-light
Sambucus#141C2Crgb(20,28,44)$rlx-color-background-100-dark
Bright White#F6F3F0rgb(246,243,240)$rlx-color-background-200-light
Dark#192130rgb(25,33,48)$rlx-color-background-200-dark
New House White#F1ECE8rgb(241,236,232)$rlx-color-background-300-light
Spinel Stone Black#252D3Crgb(37,45,60)$rlx-color-background-300-dark
Aimee#EDE6E1rgb(237,230,225)$rlx-color-background-400-light
Biro Blue#333A48rgb(51,58,72)$rlx-color-background-400-dark
Stone Harbour#E8E0D9rgb(232,224,217)$rlx-color-background-500-light
Evening East#585E6Argb(88,94,106)$rlx-color-background-500-dark

Infographic colors

Dubarry#F06064rgb(240,96,100)$rlx-color-infographic-100
Heart Throb#CA3C3Ergb(202,60,62)$rlx-color-infographic-200
Bright Lettuce#91D169rgb(145,209,105)$rlx-color-infographic-300
Astroturf#699C55rgb(105,156,85)$rlx-color-infographic-400
Alpine Alabaster#BADDE7rgb(186,221,231)$rlx-color-infographic-500
Blue Topaz#68AAC8rgb(104,170,200)$rlx-color-infographic-600
Sweet Spring#D0E6C3rgb(208,230,195)$rlx-color-infographic-700
Polished Aqua#76BBB2rgb(118,187,178)$rlx-color-infographic-800
Old Fashioned Pink#F8C6C9rgb(248,198,201)$rlx-color-infographic-900
Out of Fashion#F16C8Frgb(241,108,143)$rlx-color-infographic-1000
Pomtini#C790C1rgb(199,144,193)$rlx-color-infographic-1100
Hollyhock#8C3980rgb(140,57,128)$rlx-color-infographic-1200
Yellow Tail#FFF09Ergb(255,240,158)$rlx-color-infographic-1300
Surprise Amber#F2B87Argb(242,184,122)$rlx-color-infographic-1400
Contact us, Opens in new window