Deprecated - contains information about version 17 of the IDS librarySeedesign.if.eufor the latest documentation

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