Colors used for the zelez brand

Stylesheet colors

PRIMARY THEME SURFACE COLORS

Color RGB HEX HSL
100 
rgb(145, 59, 255)
 
#913bff
 
hsl(266, 100%, 62%)
200 
rgb(161, 84, 255)
 
#a154ff
 
hsl(267, 100%, 66%)
300 
rgb(176, 107, 255)
 
#b06bff
 
hsl(268, 100%, 71%)
400 
rgb(189, 128, 255)
 
#bd80ff
 
hsl(269, 100%, 75%)
500 
rgb(202, 149, 255)
 
#ca95ff
 
hsl(270, 100%, 79%)
600 
rgb(214, 170, 255)
 
#d6aaff
 
hsl(271, 100%, 83%)

DARK THEME SURFACE COLORS

Color RGB HEX HSL
100 
rgb(18, 18, 18)
 
#121212
 
hsl(0, 0%, 7%)
200 
rgb(40, 40, 40)
 
#282828
 
hsl(0, 0%, 16%)
300 
rgb(63, 63, 63)
 
#3f3f3f
 
hsl(0, 0%, 25%)
400 
rgb(87, 87, 87)
 
#575757
 
hsl(0, 0%, 34%)
500 
rgb(113, 113, 113)
 
#717171
 
hsl(0, 0%, 44%)
600 
rgb(139, 139, 139)
 
#8b8b8b
 
hsl(0, 0%, 55%)

LIGHT THEME SURFACE COLORS

Color RGB HEX HSL
100 
rgb(222, 222, 222)
 
#dedede
 
hsl(0, 0%, 87%)
200 
rgb(226, 226, 226)
 
#e2e2e2
 
hsl(0, 0%, 89%)
300 
rgb(229, 229, 229)
 
#e5e5e5
 
hsl(0, 0%, 90%)
400 
rgb(233, 233, 233)
 
#e9e9e9
 
hsl(0, 0%, 91%)
500 
rgb(237, 237, 237)
 
#ededed
 
hsl(0, 0%, 93%)
600 
rgb(203, 206, 229)
 
#cbcee5
 
hsl(233, 33%, 85%)

Stylesheet une colors

PRIMARY THEME SURFACE COLORS

Color RGB HEX HSL
100 
rgb(55, 118, 237)
 
#3776ed
 
hsl(219, 83%, 57%)
200 
rgb(90, 132, 240)
 
#5a84f0
 
hsl(223, 83%, 65%)
300 
rgb(116, 146, 242)
 
#7492f2
 
hsl(226, 83%, 70%)
400 
rgb(139, 161, 244)
 
#8ba1f4
 
hsl(227, 83%, 75%)
500 
rgb(160, 176, 246)
 
#a0b0f6
 
hsl(229, 83%, 80%)
600 
rgb(180, 191, 249)
 
#b4bff9
 
hsl(230, 85%, 84%)

DARK THEME SURFACE COLORS

Color RGB HEX HSL
100 
rgb(32, 36, 56)
 
#202438
 
hsl(230, 27%, 17%)
200 
rgb(53, 56, 75)
 
#35384b
 
hsl(232, 17%, 25%)
300 
rgb(76, 78, 96)
 
#4c4e60
 
hsl(234, 12%, 34%)
400 
rgb(99, 101, 117)
 
#636575
 
hsl(233, 8%, 42%)
500 
rgb(123, 125, 138)
 
#7b7d8a
 
hsl(232, 6%, 51%)
600 
rgb(148, 149, 161)
 
#9495a1
 
hsl(235, 6%, 61%)

LIGHT THEME SURFACE COLORS

Color RGB HEX HSL
100 
rgb(196, 200, 226)
 
#c4c8e2
 
hsl(232, 34%, 83%)
200 
rgb(203, 206, 229)
 
#cbcee5
 
hsl(233, 33%, 85%)
300 
rgb(209, 212, 232)
 
#d1d4e8
 
hsl(232, 33%, 86%)
400 
rgb(216, 218, 236)
 
#d8daec
 
hsl(234, 34%, 89%)
500 
rgb(222, 224, 239)
 
#dee0ef
 
hsl(233, 35%, 90%)
600 
rgb(229, 230, 242)
 
#e5e6f2
 
hsl(235, 33%, 92%)

Stylesheet Choco colors

PRIMARY THEME SURFACE COLORS

Color RGB HEX HSL
100 
rgb(145, 59, 255)
 
#913bff
 
hsl(266, 100%, 62%)
200 
rgb(161, 84, 255)
 
#a154ff
 
hsl(267, 100%, 66%)
300 
rgb(176, 107, 255)
 
#b06bff
 
hsl(268, 100%, 71%)
400 
rgb(189, 128, 255)
 
#bd80ff
 
hsl(269, 100%, 75%)
500 
rgb(202, 149, 255)
 
#ca95ff
 
hsl(270, 100%, 79%)
600 
rgb(214, 170, 255)
 
#d6aaff
 
hsl(271, 100%, 83%)

DARK THEME SURFACE COLORS

Color RGB HEX HSL
100 
rgb(43, 29, 59)
 
#2b1d3b
 
hsl(268, 34%, 17%)
200 
rgb(64, 50, 78)
 
#40324e
 
hsl(270, 22%, 25%)
300 
rgb(85, 72, 98)
 
#554862
 
hsl(270, 15%, 33%)
400 
rgb(108, 96, 119)
 
#6c6077
 
hsl(271, 11%, 42%)
500 
rgb(131, 121, 140)
 
#83798c
 
hsl(272, 8%, 51%)
600 
rgb(154, 146, 162)
 
#9a92a2
 
hsl(270, 8%, 60%)

LIGHT THEME SURFACE COLORS

Color RGB HEX HSL
100 
rgb(211, 191, 230)
 
#d3bfe6
 
hsl(271, 44%, 83%)
200 
rgb(216, 198, 233)
 
#d8c6e9
 
hsl(271, 44%, 85%)
300 
rgb(221, 205, 236)
 
#ddcdec
 
hsl(271, 45%, 86%)
400 
rgb(226, 212, 238)
 
#e2d4ee
 
hsl(272, 43%, 88%)
500 
rgb(231, 219, 241)
 
#e7dbf1
 
hsl(273, 44%, 90%)
600 
rgb(236, 226, 244)
 
#ece2f4
 
hsl(273, 45%, 92%)

Stylesheet Dobi colors

PRIMARY THEME SURFACE COLORS

Color RGB HEX HSL
100 
rgb(209, 119, 62)
 
#d1773e
 
hsl(23, 62%, 53%)
200 
rgb(216, 134, 83)
 
#d88653
 
hsl(23, 63%, 59%)
300 
rgb(223, 149, 103)
 
#df9567
 
hsl(23, 65%, 64%)
400 
rgb(230, 164, 124)
 
#e6a47c
 
hsl(23, 68%, 69%)
500 
rgb(236, 179, 145)
 
#ecb391
 
hsl(22, 71%, 75%)
600 
rgb(241, 194, 166)
 
#f1c2a6
 
hsl(22, 73%, 80%)

DARK THEME SURFACE COLORS

Color RGB HEX HSL
100 
rgb(52, 37, 27)
 
#34251b
 
hsl(24, 32%, 15%)
200 
rgb(72, 57, 48)
 
#483930
 
hsl(23, 20%, 24%)
300 
rgb(93, 79, 70)
 
#5d4f46
 
hsl(23, 14%, 32%)
400 
rgb(114, 102, 94)
 
#72665e
 
hsl(24, 10%, 41%)
500 
rgb(137, 126, 119)
 
#897e77
 
hsl(23, 7%, 50%)
600 
rgb(159, 150, 144)
 
#9f9690
 
hsl(24, 7%, 59%)

LIGHT THEME SURFACE COLORS

Color RGB HEX HSL
100 
rgb(224, 201, 189)
 
#e0c9bd
 
hsl(21, 36%, 81%)
200 
rgb(228, 207, 196)
 
#e4cfc4
 
hsl(21, 37%, 83%)
300 
rgb(231, 213, 203)
 
#e7d5cb
 
hsl(21, 37%, 85%)
400 
rgb(235, 219, 211)
 
#ebdbd3
 
hsl(20, 37%, 87%)
500 
rgb(238, 225, 218)
 
#eee1da
 
hsl(21, 37%, 89%)
600 
rgb(241, 231, 225)
 
#f1e7e1
 
hsl(23, 36%, 91%)