Color Tokens
Primary Colors
primary
DEFAULT
- HEX
- #00A3A0
- HSL
- hsl(178.9, 100%, 31.96%)
- Link
- {primitives.colors.Gradient Green.500}
Action
HOVER
- HEX
- #008888
- HSL
- hsl(180, 100%, 26.67%)
- Link
- {primitives.colors.Gradient Green.600}
Action
HOVERFILL
- HEX
- #1D4477
- HSL
- hsl(214, 60.81%, 29.02%)
- Link
- {primitives.colors.RWE Blue.500}
Action
FOREGROUND
- HEX
- #FFFFFF
- HSL
- hsl(0, 0%, 100%)
- Link
- {primitives.colors.Neutral.White}
Action
DISABLED-FOREGROUND
- HEX
- #00FF00
- HSL
- {primitives.colors.Neutral.White}
- Link
- {semantic.colors.primary.foreground}
Action
ACTIVE
- HEX
- #00A3A0
- HSL
- hsl(178.9, 100%, 31.96%)
- Link
- {primitives.colors.Gradient Green.500}
Action
FOCUSED
- HEX
- #00FF00
- HSL
- {primitives.colors.Gradient Green.500}
- Link
- {semantic.colors.general.focus}
Action
CONTROL
- HEX
- #00FF00
- HSL
- hsla(223, 8%, 66%,1)
- Link
- {primitives.colors.darkgrey.200}
Action
DISABLED
- HEX
- #008888
- HSL
- hsl(180, 100%, 26.67%)
- Link
- {primitives.colors.Gradient Green.600}
Action
DISABLED-ACTIVE
- HEX
- #00FF00
- HSL
- {primitives.colors.Gradient Green.500}
- Link
- {semantic.colors.primary.active}
Action
dense
DEFAULT
- HEX
- #E0E3E5
- HSL
- hsl(204, 8.77%, 88.82%)
- Link
- {primitives.colors.lightgrey.100}
Action
HOVER
- HEX
- #D4D6D9
- HSL
- hsl(216, 6.17%, 84.12%)
- Link
- {primitives.colors.lightgrey.200}
Action
HOVERFILL
- HEX
- #1D4477
- HSL
- hsl(214, 60.81%, 29.02%)
- Link
- {primitives.colors.RWE Blue.500}
Action
FOREGROUND
- HEX
- #00FF00
- HSL
- hsla(225, 5%, 45%,1)
- Link
- {primitives.colors.darkgrey.400}
Action
DISABLED-FOREGROUND
- HEX
- #00FF00
- HSL
- {primitives.colors.Neutral.White}
- Link
- {semantic.colors.primary.foreground}
Action
ACTIVE
- HEX
- #D4D6D9
- HSL
- hsl(216, 6.17%, 84.12%)
- Link
- {primitives.colors.lightgrey.200}
Action
FOCUSED
- HEX
- #00FF00
- HSL
- {primitives.colors.Gradient Green.500}
- Link
- {semantic.colors.general.focus}
Action
CONTROL
- HEX
- #00FF00
- HSL
- hsla(223, 8%, 66%,1)
- Link
- {primitives.colors.darkgrey.200}
Action
DISABLED
- HEX
- #EDF0F2
- HSL
- hsl(204, 16.13%, 93.92%)
- Link
- {primitives.colors.lightgrey.50}
Action
DISABLED-ACTIVE
- HEX
- #E0E3E5
- HSL
- hsl(204, 8.77%, 88.82%)
- Link
- {primitives.colors.lightgrey.100}
Action
general
FOCUS
- HEX
- #00A3A0
- HSL
- hsl(178.9, 100%, 31.96%)
- Link
- {primitives.colors.Gradient Green.500}
Action
LIGHT
- HEX
- #00FF00
- HSL
- {primitives.colors.Neutral.White}
- Link
- {primitives.colors.Neutral.focusSurfaceWhite}
Action
DARK
- HEX
- #00FF00
- HSL
- 0,0,0
- Link
- {primitives.colors.Surface.dark.Branded surface 50}
Action
SAND
- HEX
- #ECECE9
- HSL
- hsl(60, 7.32%, 91.96%)
- Link
- {primitives.colors.Sand.400}
Action
DISABLED
- HEX
- #00FF00
- HSL
- hsla(222, 6%, 55%,1)
- Link
- {primitives.colors.darkgrey.300}
Action
font
DEFAULT
- HEX
- #00FF00
- HSL
- #272d35
- Link
- {primitives.colors.Font.DEFAULT}
Action
LIGHT
- HEX
- #00FF00
- HSL
- #6C6F78
- Link
- {primitives.colors.Font.lighter}
Action
DARK
- HEX
- #00FF00
- HSL
- #13161a
- Link
- {primitives.colors.Font.Darker}
Action
HOVER
- HEX
- #00A3A0
- HSL
- hsl(178.9, 100%, 31.96%)
- Link
- {primitives.colors.Gradient Green.500}
Action
brand
DEFAULT
- HEX
- #1D4477
- HSL
- hsl(214, 60.81%, 29.02%)
- Link
- {primitives.colors.RWE Blue.500}
Action
HOVER
- HEX
- #0F2956
- HSL
- hsl(218.03, 70.3%, 19.8%)
- Link
- {primitives.colors.RWE Blue.700}
Action
HOVERFILL
- HEX
- #133869
- HSL
- hsl(214.19, 69.35%, 24.31%)
- Link
- {primitives.colors.RWE Blue.600}
Action
FOREGROUND
- HEX
- #FFFFFF
- HSL
- hsl(0, 0%, 100%)
- Link
- {primitives.colors.Neutral.White}
Action
DISABLED-FOREGROUND
- HEX
- #00FF00
- HSL
- {primitives.colors.Neutral.White}
- Link
- {semantic.colors.primary.foreground}
Action
ACTIVE
- HEX
- #00A3A0
- HSL
- hsl(178.9, 100%, 31.96%)
- Link
- {primitives.colors.Gradient Green.500}
Action
FOCUSED
- HEX
- #00FF00
- HSL
- {primitives.colors.Gradient Green.500}
- Link
- {semantic.colors.general.focus}
Action
CONTROL
- HEX
- #2762AF
- HSL
- hsl(213.97, 63.55%, 41.96%)
- Link
- {primitives.colors.RWE Blue.400}
Action
DISABLED
- HEX
- #2762AF
- HSL
- hsl(213.97, 63.55%, 41.96%)
- Link
- {primitives.colors.RWE Blue.400}
Action
DISABLED-ACTIVE
- HEX
- #2762AF
- HSL
- hsl(213.97, 63.55%, 41.96%)
- Link
- {primitives.colors.RWE Blue.400}
Action
secondary
DEFAULT
- HEX
- #41D8C3
- HSL
- hsl(171.66, 65.94%, 55.1%)
- Link
- {primitives.colors.Energy Green.500}
Action
HOVER
- HEX
- #3ABAA9
- HSL
- hsl(172.03, 52.46%, 47.84%)
- Link
- {primitives.colors.Energy Green.600}
Action
HOVERFILL
- HEX
- #3ABAA9
- HSL
- hsl(172.03, 52.46%, 47.84%)
- Link
- {primitives.colors.Energy Green.600}
Action
FOREGROUND
- HEX
- #1D4477
- HSL
- hsl(214, 60.81%, 29.02%)
- Link
- {primitives.colors.RWE Blue.500}
Action
DISABLED-FOREGROUND
- HEX
- #00FF00
- HSL
- {primitives.colors.Neutral.White}
- Link
- {semantic.colors.primary.foreground}
Action
ACTIVE
- HEX
- #3ABAA9
- HSL
- hsl(172.03, 52.46%, 47.84%)
- Link
- {primitives.colors.Energy Green.600}
Action
FOCUSED
- HEX
- #00FF00
- HSL
- {primitives.colors.Gradient Green.500}
- Link
- {semantic.colors.general.focus}
Action
CONTROL
- HEX
- #7DE8D9
- HSL
- hsl(171.59, 69.93%, 70%)
- Link
- {primitives.colors.Energy Green.300}
Action
DISABLED
- HEX
- #5EE0CF
- HSL
- hsl(172.15, 67.71%, 62.35%)
- Link
- {primitives.colors.Energy Green.400}
Action
DISABLED-ACTIVE
- HEX
- #41D8C3
- HSL
- hsl(171.66, 65.94%, 55.1%)
- Link
- {primitives.colors.Energy Green.500}
Action
tertiary
DEFAULT
- HEX
- #00B1EB
- HSL
- hsl(194.81, 100%, 46.08%)
- Link
- {primitives.colors.Energy Blue.500}
Action
HOVER
- HEX
- #089BCC
- HSL
- hsl(195, 92.45%, 41.57%)
- Link
- {primitives.colors.Energy Blue.600}
Action
HOVERFILL
- HEX
- #089BCC
- HSL
- hsl(195, 92.45%, 41.57%)
- Link
- {primitives.colors.Energy Blue.600}
Action
FOREGROUND
- HEX
- #FFFFFF
- HSL
- hsl(0, 0%, 100%)
- Link
- {primitives.colors.Neutral.White}
Action
DISABLED-FOREGROUND
- HEX
- #00FF00
- HSL
- {primitives.colors.Neutral.White}
- Link
- {semantic.colors.primary.foreground}
Action
ACTIVE
- HEX
- #00A3A0
- HSL
- hsl(178.9, 100%, 31.96%)
- Link
- {primitives.colors.Gradient Green.500}
Action
FOCUSED
- HEX
- #00FF00
- HSL
- {primitives.colors.Gradient Green.500}
- Link
- {semantic.colors.general.focus}
Action
CONTROL
- HEX
- #5BCBF0
- HSL
- hsl(194.9, 83.24%, 64.9%)
- Link
- {primitives.colors.Energy Blue.300}
Action
DISABLED
- HEX
- #2DBDED
- HSL
- hsl(195, 84.21%, 55.29%)
- Link
- {primitives.colors.Energy Blue.400}
Action
DISABLED-ACTIVE
- HEX
- #2DBDED
- HSL
- hsl(195, 84.21%, 55.29%)
- Link
- {primitives.colors.Energy Blue.400}
Action
success
DEFAULT
- HEX
- #4D9E7B
- HSL
- hsl(154.07, 34.47%, 46.08%)
- Link
- {primitives.colors.lightgreen.600}
Action
HOVER
- HEX
- #39755C
- HSL
- hsl(155, 34.48%, 34.12%)
- Link
- {primitives.colors.lightgreen.800}
Action
HOVERFILL
- HEX
- #1D4477
- HSL
- hsl(214, 60.81%, 29.02%)
- Link
- {primitives.colors.RWE Blue.500}
Action
FOREGROUND
- HEX
- #FFFFFF
- HSL
- hsl(0, 0%, 100%)
- Link
- {primitives.colors.Neutral.White}
Action
DISABLED-FOREGROUND
- HEX
- #00FF00
- HSL
- {primitives.colors.Neutral.White}
- Link
- {semantic.colors.primary.foreground}
Action
ACTIVE
- HEX
- #4D9E7B
- HSL
- hsl(154.07, 34.47%, 46.08%)
- Link
- {primitives.colors.lightgreen.600}
Action
FOCUSED
- HEX
- #00FF00
- HSL
- {primitives.colors.Gradient Green.500}
- Link
- {semantic.colors.general.focus}
Action
CONTROL
- HEX
- #00FF00
- HSL
- hsla(223, 8%, 66%,1)
- Link
- {primitives.colors.darkgrey.200}
Action
DISABLED
- HEX
- #4D9E7B
- HSL
- hsl(154.07, 34.47%, 46.08%)
- Link
- {primitives.colors.lightgreen.600}
Action
DISABLED-ACTIVE
- HEX
- #00FF00
- HSL
- {primitives.colors.lightgreen.600}
- Link
- {semantic.colors.success.active}
Action
warning
DEFAULT
- HEX
- #FFCC00
- HSL
- hsl(48, 100%, 50%)
- Link
- {primitives.colors.yellow.500}
Action
HOVER
- HEX
- #DFA100
- HSL
- hsl(43.32, 100%, 43.73%)
- Link
- {primitives.colors.yellow.700}
Action
HOVERFILL
- HEX
- #1D4477
- HSL
- hsl(214, 60.81%, 29.02%)
- Link
- {primitives.colors.RWE Blue.500}
Action
FOREGROUND
- HEX
- #00FF00
- HSL
- #272d35
- Link
- {primitives.colors.Font.DEFAULT}
Action
DISABLED-FOREGROUND
- HEX
- #00FF00
- HSL
- {primitives.colors.Neutral.White}
- Link
- {semantic.colors.primary.foreground}
Action
ACTIVE
- HEX
- #F4B507
- HSL
- hsl(44.05, 94.42%, 49.22%)
- Link
- {primitives.colors.yellow.600}
Action
FOCUSED
- HEX
- #00FF00
- HSL
- {primitives.colors.Gradient Green.500}
- Link
- {semantic.colors.general.focus}
Action
CONTROL
- HEX
- #00FF00
- HSL
- hsla(223, 8%, 66%,1)
- Link
- {primitives.colors.darkgrey.200}
Action
DISABLED
- HEX
- #FFCC00
- HSL
- hsl(48, 100%, 50%)
- Link
- {primitives.colors.yellow.500}
Action
DISABLED-ACTIVE
- HEX
- #00FF00
- HSL
- {primitives.colors.yellow.600}
- Link
- {semantic.colors.warning.active}
Action
alert
DEFAULT
- HEX
- #B61F34
- HSL
- hsl(351.66, 70.89%, 41.76%)
- Link
- {primitives.colors.darkred.500}
Action
HOVER
- HEX
- #801328
- HSL
- hsl(348.44, 74.15%, 28.82%)
- Link
- {primitives.colors.darkred.700}
Action
HOVERFILL
- HEX
- #1D4477
- HSL
- hsl(214, 60.81%, 29.02%)
- Link
- {primitives.colors.RWE Blue.500}
Action
FOREGROUND
- HEX
- #FFFFFF
- HSL
- hsl(0, 0%, 100%)
- Link
- {primitives.colors.Neutral.White}
Action
DISABLED-FOREGROUND
- HEX
- #00FF00
- HSL
- {primitives.colors.Neutral.White}
- Link
- {semantic.colors.primary.foreground}
Action
ACTIVE
- HEX
- #B61F34
- HSL
- hsl(351.66, 70.89%, 41.76%)
- Link
- {primitives.colors.darkred.500}
Action
FOCUSED
- HEX
- #00FF00
- HSL
- {primitives.colors.Gradient Green.500}
- Link
- {semantic.colors.general.focus}
Action
CONTROL
- HEX
- #00FF00
- HSL
- hsla(223, 8%, 66%,1)
- Link
- {primitives.colors.darkgrey.200}
Action
DISABLED
- HEX
- #B61F34
- HSL
- hsl(351.66, 70.89%, 41.76%)
- Link
- {primitives.colors.darkred.500}
Action
DISABLED-ACTIVE
- HEX
- #00FF00
- HSL
- {primitives.colors.darkred.500}
- Link
- {semantic.colors.alert.active}
Action
Primary Colors
hydrogen
BASE
- HEX
- #00FF00
- HSL
- #c0e0ce
- Link
Action
TURQUOISE
- HEX
- #00FF00
- HSL
- #40b9b7
- Link
Action
GREY
- HEX
- #00FF00
- HSL
- #c2c3c4
- Link
Action
GREEN
- HEX
- #00FF00
- HSL
- #6ee2d2
- Link
Action
BLUE
- HEX
- #00FF00
- HSL
- #40c5f0
- Link
Action
VIOLET
- HEX
- #00FF00
- HSL
- #8292ca
- Link
Action
gas
LNG
- HEX
- #00FF00
- HSL
- #ffd744
- Link
Action
Font
DEFAULT
- HEX
- #00FF00
- HSL
- #272d35
- Link
Action
LIGHTER
- HEX
- #00FF00
- HSL
- #6C6F78
- Link
Action
DARKER
- HEX
- #00FF00
- HSL
- #13161a
- Link
Action
INVERTED
- HEX
- #00FF00
- HSL
- 0,0,0
- Link
Action
Surface
DARK
- HEX
- #00FF00
- HSL
- 0,0,0
- Link
Action
LIGHT
- HEX
- #00FF00
- HSL
- 0,0,0
- Link
Action
rweGradient
VALUE
- HEX
- #00FF00
- HSL
- 0,0,0
- Link
Action
TYPE
- HEX
- #00FF00
- HSL
- 0,0,0
- Link
Action
RWE Blue
50
- HEX
- #E3EEFD
- HSL
- hsl(214.62, 86.67%, 94.12%)
- Link
Action
100
- HEX
- #A9C9F5
- HSL
- hsl(214.74, 79.17%, 81.18%)
- Link
Action
200
- HEX
- #72A6E8
- HSL
- hsl(213.56, 71.95%, 67.84%)
- Link
Action
300
- HEX
- #3F82D9
- HSL
- hsl(213.9, 66.96%, 54.9%)
- Link
Action
400
- HEX
- #2762AF
- HSL
- hsl(213.97, 63.55%, 41.96%)
- Link
Action
500
- HEX
- #1D4477
- HSL
- hsl(214, 60.81%, 29.02%)
- Link
Action
600
- HEX
- #133869
- HSL
- hsl(214.19, 69.35%, 24.31%)
- Link
Action
700
- HEX
- #0F2956
- HSL
- hsl(218.03, 70.3%, 19.8%)
- Link
Action
800
- HEX
- #031A46
- HSL
- hsl(219.4, 91.78%, 14.31%)
- Link
Action
900
- HEX
- #000832
- HSL
- hsl(230.4, 100%, 9.8%)
- Link
Action
950
- HEX
- #00001C
- HSL
- hsl(240, 100%, 5.49%)
- Link
Action
Gradient Green
50
- HEX
- #F1FCFC
- HSL
- hsl(180, 64.71%, 96.67%)
- Link
Action
100
- HEX
- #C5F7F7
- HSL
- hsl(180, 75.76%, 87.06%)
- Link
Action
200
- HEX
- #91EDEC
- HSL
- hsl(179.35, 71.88%, 74.9%)
- Link
Action
300
- HEX
- #54D8D7
- HSL
- hsl(179.55, 62.86%, 58.82%)
- Link
Action
400
- HEX
- #1BBFBD
- HSL
- hsl(179.27, 75.23%, 42.75%)
- Link
Action
500
- HEX
- #00A3A0
- HSL
- hsl(178.9, 100%, 31.96%)
- Link
Action
600
- HEX
- #008888
- HSL
- hsl(180, 100%, 26.67%)
- Link
Action
700
- HEX
- #007474
- HSL
- hsl(180, 100%, 22.75%)
- Link
Action
800
- HEX
- #006061
- HSL
- hsl(180.62, 100%, 19.02%)
- Link
Action
900
- HEX
- #004D4E
- HSL
- hsl(180.77, 100%, 15.29%)
- Link
Action
950
- HEX
- #00393B
- HSL
- hsl(182.03, 100%, 11.57%)
- Link
Action
Energy Green
50
- HEX
- #E6FFFC
- HSL
- hsl(172.8, 100%, 95.1%)
- Link
Action
100
- HEX
- #C1F7F0
- HSL
- hsl(172.22, 77.14%, 86.27%)
- Link
Action
200
- HEX
- #9EF0E5
- HSL
- hsl(171.95, 73.21%, 78.04%)
- Link
Action
300
- HEX
- #7DE8D9
- HSL
- hsl(171.59, 69.93%, 70%)
- Link
Action
400
- HEX
- #5EE0CF
- HSL
- hsl(172.15, 67.71%, 62.35%)
- Link
Action
500
- HEX
- #41D8C3
- HSL
- hsl(171.66, 65.94%, 55.1%)
- Link
Action
600
- HEX
- #3ABAA9
- HSL
- hsl(172.03, 52.46%, 47.84%)
- Link
Action
700
- HEX
- #329C8D
- HSL
- hsl(171.51, 51.46%, 40.39%)
- Link
Action
800
- HEX
- #297D72
- HSL
- hsl(172.14, 50.6%, 32.55%)
- Link
Action
900
- HEX
- #205E56
- HSL
- hsl(172.26, 49.21%, 24.71%)
- Link
Action
950
- HEX
- #16403A
- HSL
- hsl(171.43, 48.84%, 16.86%)
- Link
Action
Energy Blue
50
- HEX
- #EBF4F7
- HSL
- hsl(195, 42.86%, 94.51%)
- Link
Action
100
- HEX
- #BAE6F5
- HSL
- hsl(195.25, 74.68%, 84.51%)
- Link
Action
200
- HEX
- #8AD8F2
- HSL
- hsl(195, 80%, 74.51%)
- Link
Action
300
- HEX
- #5BCBF0
- HSL
- hsl(194.9, 83.24%, 64.9%)
- Link
Action
400
- HEX
- #2DBDED
- HSL
- hsl(195, 84.21%, 55.29%)
- Link
Action
500
- HEX
- #00B1EB
- HSL
- hsl(194.81, 100%, 46.08%)
- Link
Action
600
- HEX
- #089BCC
- HSL
- hsl(195, 92.45%, 41.57%)
- Link
Action
700
- HEX
- #0E86AD
- HSL
- hsl(194.72, 85.03%, 36.67%)
- Link
Action
800
- HEX
- #116F8F
- HSL
- hsl(195.24, 78.75%, 31.37%)
- Link
Action
900
- HEX
- #125970
- HSL
- hsl(194.68, 72.31%, 25.49%)
- Link
Action
950
- HEX
- #104152
- HSL
- hsl(195.45, 67.35%, 19.22%)
- Link
Action
Sand
50
- HEX
- #FCFCFB
- HSL
- hsl(60, 14.29%, 98.63%)
- Link
Action
100
- HEX
- #F8F8F7
- HSL
- hsl(60, 6.67%, 97.06%)
- Link
Action
200
- HEX
- #F4F4F2
- HSL
- hsl(60, 8.33%, 95.29%)
- Link
Action
300
- HEX
- #F0F0EE
- HSL
- hsl(60, 6.25%, 93.73%)
- Link
Action
400
- HEX
- #ECECE9
- HSL
- hsl(60, 7.32%, 91.96%)
- Link
Action
500
- HEX
- #E8E8E4
- HSL
- hsl(60, 8%, 90.2%)
- Link
Action
600
- HEX
- #C1C1BE
- HSL
- hsl(60, 2.36%, 75.1%)
- Link
Action
700
- HEX
- #B2B2AF
- HSL
- hsl(60, 1.91%, 69.22%)
- Link
Action
800
- HEX
- #999996
- HSL
- hsl(60, 1.45%, 59.41%)
- Link
Action
900
- HEX
- #80807D
- HSL
- hsl(60, 1.19%, 49.61%)
- Link
Action
950
- HEX
- #666664
- HSL
- hsl(60, 0.99%, 39.61%)
- Link
Action
yellow
50
- HEX
- #FFFBEF
- HSL
- hsl(45, 100%, 96.86%)
- Link
Action
100
- HEX
- #FFF3CE
- HSL
- hsl(45.31, 100%, 90.39%)
- Link
Action
200
- HEX
- #FFF3CE
- HSL
- hsl(46.05, 100%, 83.14%)
- Link
Action
300
- HEX
- #FFE27F
- HSL
- hsl(46.41, 100%, 74.9%)
- Link
Action
400
- HEX
- #FFDB59
- HSL
- hsl(46.99, 100%, 67.45%)
- Link
Action
500
- HEX
- #FFCC00
- HSL
- hsl(48, 100%, 50%)
- Link
Action
600
- HEX
- #F4B507
- HSL
- hsl(44.05, 94.42%, 49.22%)
- Link
Action
700
- HEX
- #DFA100
- HSL
- hsl(43.32, 100%, 43.73%)
- Link
Action
800
- HEX
- #C88E00
- HSL
- hsl(42.6, 100%, 39.22%)
- Link
Action
900
- HEX
- #AA7400
- HSL
- hsl(40.94, 100%, 33.33%)
- Link
Action
950
- HEX
- #79561F
- HSL
- hsl(36.67, 59.21%, 29.8%)
- Link
Action
orange
50
- HEX
- #FFEFE3
- HSL
- hsl(25.71, 100%, 94.51%)
- Link
Action
100
- HEX
- #FFDAB8
- HSL
- hsl(28.73, 100%, 86.08%)
- Link
Action
200
- HEX
- #FFC48B
- HSL
- hsl(29.48, 100%, 77.25%)
- Link
Action
300
- HEX
- #FFAD5E
- HSL
- hsl(29.44, 100%, 68.43%)
- Link
Action
400
- HEX
- #FF932B
- HSL
- hsl(29.43, 100%, 58.43%)
- Link
Action
500
- HEX
- #F27F00
- HSL
- hsl(31.49, 100%, 47.45%)
- Link
Action
600
- HEX
- #E46E00
- HSL
- hsl(28.95, 100%, 44.71%)
- Link
Action
700
- HEX
- #D16300
- HSL
- hsl(28.42, 100%, 40.98%)
- Link
Action
800
- HEX
- #C05A00
- HSL
- hsl(28.13, 100%, 37.65%)
- Link
Action
900
- HEX
- #A84E03
- HSL
- hsl(27.27, 96.49%, 33.53%)
- Link
Action
950
- HEX
- #7F3500
- HSL
- hsl(25.04, 100%, 24.9%)
- Link
Action
light red
50
- HEX
- #FFF2F3
- HSL
- hsl(355.38, 100%, 97.45%)
- Link
Action
100
- HEX
- #FACACD
- HSL
- hsl(356.25, 82.76%, 88.63%)
- Link
Action
200
- HEX
- #F5A4A9
- HSL
- hsl(356.3, 80.2%, 80.2%)
- Link
Action
300
- HEX
- #F07F86
- HSL
- hsl(356.28, 79.02%, 71.96%)
- Link
Action
400
- HEX
- #EB5B65
- HSL
- hsl(355.83, 78.26%, 63.92%)
- Link
Action
500
- HEX
- #E7343F
- HSL
- hsl(356.31, 78.85%, 55.49%)
- Link
Action
600
- HEX
- #C7323B
- HSL
- hsl(356.38, 59.84%, 48.82%)
- Link
Action
700
- HEX
- #A82A32
- HSL
- hsl(356.19, 60%, 41.18%)
- Link
Action
800
- HEX
- #8A2229
- HSL
- hsl(355.96, 60.47%, 33.73%)
- Link
Action
900
- HEX
- #6B1B20
- HSL
- hsl(356.25, 59.7%, 26.27%)
- Link
Action
950
- HEX
- #4D1317
- HSL
- hsl(355.86, 60.42%, 18.82%)
- Link
Action
darkred
50
- HEX
- #FADBE3
- HSL
- hsl(344.52, 75.61%, 91.96%)
- Link
Action
100
- HEX
- #F0ADBB
- HSL
- hsl(347.46, 69.07%, 80.98%)
- Link
Action
200
- HEX
- #EA8A9D
- HSL
- hsl(348.13, 69.57%, 72.94%)
- Link
Action
300
- HEX
- #E15670
- HSL
- hsl(348.78, 69.85%, 60.98%)
- Link
Action
400
- HEX
- #CD324C
- HSL
- hsl(349.94, 60.78%, 50%)
- Link
Action
500
- HEX
- #B61F34
- HSL
- hsl(351.66, 70.89%, 41.76%)
- Link
Action
600
- HEX
- #98182F
- HSL
- hsl(349.22, 72.73%, 34.51%)
- Link
Action
700
- HEX
- #801328
- HSL
- hsl(348.44, 74.15%, 28.82%)
- Link
Action
800
- HEX
- #690F21
- HSL
- hsl(348, 75%, 23.53%)
- Link
Action
900
- HEX
- #500B1A
- HSL
- hsl(346.96, 75.82%, 17.84%)
- Link
Action
950
- HEX
- #3A0714
- HSL
- hsl(344.71, 78.46%, 12.75%)
- Link
Action
lightgreen
50
- HEX
- #F0FFF8
- HSL
- hsl(152, 100%, 97.06%)
- Link
Action
100
- HEX
- #CCF0E0
- HSL
- hsl(153.33, 54.55%, 87.06%)
- Link
Action
200
- HEX
- #ABE0C9
- HSL
- hsl(153.96, 46.09%, 77.45%)
- Link
Action
300
- HEX
- #8CD1B4
- HSL
- hsl(154.78, 42.86%, 68.43%)
- Link
Action
400
- HEX
- #70C29F
- HSL
- hsl(154.39, 40.2%, 60%)
- Link
Action
500
- HEX
- #5AB88F
- HSL
- hsl(153.83, 39.83%, 53.73%)
- Link
Action
600
- HEX
- #4D9E7B
- HSL
- hsl(154.07, 34.47%, 46.08%)
- Link
Action
700
- HEX
- #438A6C
- HSL
- hsl(154.65, 34.63%, 40.2%)
- Link
Action
800
- HEX
- #39755C
- HSL
- hsl(155, 34.48%, 34.12%)
- Link
Action
900
- HEX
- #2F614C
- HSL
- hsl(154.8, 34.72%, 28.24%)
- Link
Action
950
- HEX
- #254D3B
- HSL
- hsl(153, 35.09%, 22.35%)
- Link
Action
darkgreen
50
- HEX
- #E3F8F9
- HSL
- hsl(182.73, 64.71%, 93.33%)
- Link
Action
100
- HEX
- #B6E6E8
- HSL
- hsl(182.4, 52.08%, 81.18%)
- Link
Action
200
- HEX
- #74C2C6
- HSL
- hsl(182.93, 41.84%, 61.57%)
- Link
Action
300
- HEX
- #2BA1A7
- HSL
- hsl(182.9, 59.05%, 41.18%)
- Link
Action
400
- HEX
- #007C85
- HSL
- hsl(184.06, 100%, 26.08%)
- Link
Action
500
- HEX
- #005E65
- HSL
- hsl(184.16, 100%, 19.8%)
- Link
Action
600
- HEX
- #035054
- HSL
- hsl(182.96, 93.1%, 17.06%)
- Link
Action
700
- HEX
- #004244
- HSL
- hsl(181.76, 100%, 13.33%)
- Link
Action
800
- HEX
- #003536
- HSL
- hsl(181.11, 100%, 10.59%)
- Link
Action
900
- HEX
- #002828
- HSL
- hsl(180, 100%, 7.84%)
- Link
Action
950
- HEX
- #001010
- HSL
- hsl(180, 100%, 3.14%)
- Link
Action
lightgrey
50
- HEX
- #EDF0F2
- HSL
- hsl(204, 16.13%, 93.92%)
- Link
Action
100
- HEX
- #E0E3E5
- HSL
- hsl(204, 8.77%, 88.82%)
- Link
Action
200
- HEX
- #D4D6D9
- HSL
- hsl(216, 6.17%, 84.12%)
- Link
Action
300
- HEX
- #C7CACC
- HSL
- hsl(204, 4.67%, 79.02%)
- Link
Action
400
- HEX
- #BBBDBF
- HSL
- hsl(210, 3.03%, 74.12%)
- Link
Action
500
- HEX
- #ADAFB1
- HSL
- hsl(210, 2.5%, 68.63%)
- Link
Action
600
- HEX
- #9B9C9E
- HSL
- hsl(220, 1.52%, 61.37%)
- Link
Action
700
- HEX
- #87888A
- HSL
- hsl(220, 1.27%, 53.53%)
- Link
Action
800
- HEX
- #737475
- HSL
- hsl(210, 0.86%, 45.49%)
- Link
Action
900
- HEX
- #5F6061
- HSL
- hsl(210, 1.04%, 37.65%)
- Link
Action
950
- HEX
- #4B4C4D
- HSL
- hsl(210, 1.32%, 29.8%)
- Link
Action
darkgrey
50
- HEX
- #00FF00
- HSL
- hsla(223, 23%, 88%,1)
- Link
Action
100
- HEX
- #00FF00
- HSL
- hsla(223, 12%, 77%,1)
- Link
Action
200
- HEX
- #00FF00
- HSL
- hsla(223, 8%, 66%,1)
- Link
Action
300
- HEX
- #00FF00
- HSL
- hsla(222, 6%, 55%,1)
- Link
Action
400
- HEX
- #00FF00
- HSL
- hsla(225, 5%, 45%,1)
- Link
Action
500
- HEX
- BASE COLOR DARK GREY
- HSL
- hsla(222, 6%, 34%,1)
- Link
Action
600
- HEX
- #00FF00
- HSL
- hsla(227, 6%, 30%,1)
- Link
Action
700
- HEX
- #00FF00
- HSL
- hsla(223, 5%, 26%,1)
- Link
Action
800
- HEX
- #00FF00
- HSL
- hsla(220, 5%, 23%,1)
- Link
Action
900
- HEX
- #00FF00
- HSL
- hsla(220, 6%, 19%,1)
- Link
Action
950
- HEX
- #00FF00
- HSL
- hsla(216, 6%, 15%,1)
- Link
Action
Neutral
WHITE
- HEX
- #FFFFFF
- HSL
- hsl(0, 0%, 100%)
- Link
Action
WHITETRANSPARENT
- HEX
- #00FF00
- HSL
- {primitives.colors.Neutral.White}
- Link
Action
FOCUSSURFACEWHITE
- HEX
- #00FF00
- HSL
- {primitives.colors.Neutral.White}
- Link
Action
BLACK
- HEX
- #000000
- HSL
- hsl(0, 0%, 0%)
- Link
Action
BLACKTRANSPARENT
- HEX
- #00FF00
- HSL
- {primitives.colors.Neutral.Black}
- Link
Action
FOCUSSURFACEBLACK
- HEX
- #00FF00
- HSL
- {primitives.colors.Neutral.Black}
- Link
Action
Focus
ONDARK
- HEX
- #00FF00
- HSL
- {primitives.colors.RWE Blue.100}
- Link
Action
ONLIGHT
- HEX
- #00FF00
- HSL
- {primitives.colors.RWE Blue.300}
- Link
Action