Design Tokens

var(-color-background -primary-_)

color.background.primary_

#ffffff

#15191d

var(-color-background -primary-hovered)

color.background.primaryhovered

#ebeef1

#1f262b

var(-color-background -primary-focused)

color.background.primaryfocused

#ebeef1

#1f262b

var(-color-background -primary-pressed)

color.background.primarypressed

#ccd4da

#2e3942

var(-color-background -primary-selected)

color.background.primaryselected

#e7eefc

#12263b

var(-color-background -secondary--)

color.background.secondary-

#f6f8f9

#1a1f23

var(-color-background -secondary-hovered)

color.background.secondaryhovered

#ebeef1

#1f262b

var(-color-background -secondary-focused)

color.background.secondaryfocused

#ebeef1

#1f262b

var(-color-background -secondary-pressed)

color.background.secondarypressed

#ccd4da

#2e3942

var(-color-background -secondary-transparent)

color.background.secondarytransparent

var(-color-background -tertiary--)

color.background.tertiary-

#ebeef1

#1f262b

var(-color-background -tertiary-hovered)

color.background.tertiaryhovered

#ccd4da

#2e3942

var(-color-background -tertiary-focused)

color.background.tertiaryfocused

#ccd4da

#2e3942

var(-color-background -tertiary-pressed)

color.background.tertiarypressed

#9eadb8

#425663

var(-color-background -tertiary-transparent)

color.background.tertiarytransparent

var(-color-background -neutral-_)

color.background.neutral_

#60798b

#718492

var(-color-background -neutral-hovered)

color.background.neutralhovered

#435c6e

#97a5af

var(-color-background -neutral-focused)

color.background.neutralfocused

#435c6e

#97a5af

var(-color-background -neutral-pressed)

color.background.neutralpressed

#334551

#bcc4cb

var(-color-background -transparent-_)

color.background.transparent_

transparent

transparent

var(-color-background -transparent-hovered)

color.background.transparenthovered

rgba(5, 43, 80, 0.08)

rgba(164, 211, 229, 0.07)

var(-color-background -transparent-focused)

color.background.transparentfocused

rgba(5, 43, 80, 0.08)

rgba(164, 211, 229, 0.07)

var(-color-background -transparent-pressed)

color.background.transparentpressed

rgba(0, 40, 70, 0.2)

rgba(168, 213, 247, 0.17)

var(-color-background -transparent-selected)

color.background.transparentselected

rgba(15, 85, 225, 0.1)

rgba(1, 112, 229, 0.15)

var(-color-background -inverse-_)

color.background.inverse_

#ffffff

#15191d

var(-color-background -inverse-hovered)

color.background.inversehovered

#ebeef1

#1f262b

var(-color-background -inverse-focused)

color.background.inversefocused

#ebeef1

#1f262b

var(-color-background -inverse-pressed)

color.background.inversepressed

#ccd4da

#2e3942

var(-color-background -inverse-transparent)

color.background.inversetransparent

var(-color-background -inverse-contrast)

color.background.inversecontrast

var(-color-background -high_contrast-_)

color.background.high_contrast_

#232d35

#e2e5e9

var(-color-background -backdrop-_)

color.background.backdrop_

rgba(3, 42, 70, 0.54)

rgba(168, 213, 247, 0.17)

var(-color-background -brand-_)

color.background.brand_

#007acd

#3d85ca

var(-color-background -brand-secondary)

color.background.brandsecondary

#f6f8fd

#111f2e

var(-color-background -brand-tertiary)

color.background.brandtertiary

var(-color-background -brand-hovered)

color.background.brandhovered

#005aa0

#77a6e1

var(-color-background -brand-focused)

color.background.brandfocused

#005aa0

#77a6e1

var(-color-background -brand-pressed)

color.background.brandpressed

#004478

#a9c4ee

var(-color-background -brand-transparent)

color.background.brandtransparent

var(-color-background -brand-high_contrast)

color.background.brandhigh_contrast

var(-color-background -danger-_)

color.background.danger_

#db3735

#dd534b

var(-color-background -danger-secondary)

color.background.dangersecondary

#fff7f5

#321613

var(-color-background -danger-tertiary)

color.background.dangertertiary

var(-color-background -danger-hovered)

color.background.dangerhovered

#aa2424

#fa7e72

var(-color-background -danger-pressed)

color.background.dangerpressed

#7f1d1b

#ffaea3

var(-color-background -danger-focused)

color.background.dangerfocused

#aa2424

#fa7e72

var(-color-background -danger-transparent)

color.background.dangertransparent

var(-color-background -success-_)

color.background.success_

#008836

#30934b

var(-color-background -success-secondary)

color.background.successsecondary

#f3faf4

#102313

var(-color-background -success-tertiary)

color.background.successtertiary

var(-color-background -success-hovered)

color.background.successhovered

#006725

#63b473

var(-color-background -success-pressed)

color.background.successpressed

#004d1c

#99d0a0

var(-color-background -warning-_)

color.background.warning_

#ff8c47

#c3693a

var(-color-background -warning-secondary)

color.background.warningsecondary

#fff5ed

#2c1b12

var(-color-background -warning-tertiary)

color.background.warningtertiary

var(-color-background -warning-hovered)

color.background.warninghovered

#d96929

#f08750

var(-color-background -warning-pressed)

color.background.warningpressed

#bc5921

#ffb182

var(-color-background -pink-_)

color.background.pink_

#e01b78

#e44284

var(-color-background -pink-secondary)

color.background.pinksecondary

#fff4f9

#211d1e

var(-color-background -pink-tertiary)

color.background.pinktertiary

var(-color-background -pink-hovered)

color.background.pinkhovered

#963563

#f779ad

var(-color-background -pink-pressed)

color.background.pinkpressed

#5c3749

#fbaccc

var(-color-background -red-_)

color.background.red_

#db3735

#dd534b

var(-color-background -red-secondary)

color.background.redsecondary

#fff7f5

#321613

var(-color-background -red-tertiary)

color.background.redtertiary

var(-color-background -red-hovered)

color.background.redhovered

#aa2424

#fa7e72

var(-color-background -red-pressed)

color.background.redpressed

#7f1d1b

#ffaea3

var(-color-background -orange-_)

color.background.orange_

#bc5921

#c3693a

var(-color-background -orange-secondary)

color.background.orangesecondary

#fff5ed

#2c1b12

var(-color-background -orange-tertiary)

color.background.orangetertiary

var(-color-background -orange-hovered)

color.background.orangehovered

#8e441a

#f08750

var(-color-background -orange-pressed)

color.background.orangepressed

#693315

#ffb182

var(-color-background -yellow-_)

color.background.yellow_

#ffcc59

#c59d4a

var(-color-background -yellow-secondary)

color.background.yellowsecondary

#fff7e0

#251e13

var(-color-background -yellow-tertiary)

color.background.yellowtertiary

var(-color-background -yellow-hovered)

color.background.yellowhovered

#6f551d

#c59d4a

var(-color-background -yellow-pressed)

color.background.yellowpressed

#533f18

#eabc5f

var(-color-background -green-_)

color.background.green_

#008836

#30934b

var(-color-background -green-secondary)

color.background.greensecondary

#f3faf4

#102313

var(-color-background -green-tertiary)

color.background.greentertiary

var(-color-background -green-hovered)

color.background.greenhovered

#006725

#63b473

var(-color-background -green-pressed)

color.background.greenpressed

#004d1c

#99d0a0

var(-color-background -blue-_)

color.background.blue_

#007acd

#3d85ca

var(-color-background -blue-secondary)

color.background.bluesecondary

#f6f8fd

#111f2e

var(-color-background -blue-tertiary)

color.background.bluetertiary

var(-color-background -blue-hovered)

color.background.bluehovered

#005aa0

#77a6e1

var(-color-background -blue-pressed)

color.background.bluepressed

#004478

#a9c4ee

var(-color-background -ultramarine-_)

color.background.ultramarine_

#6372b2

#717fb5

var(-color-background -ultramarine-secondary)

color.background.ultramarinesecondary

#f6f7fb

#171d37

var(-color-background -ultramarine-tertiary)

color.background.ultramarinetertiary

var(-color-background -ultramarine-hovered)

color.background.ultramarinehovered

#44549b

#96a2cc

var(-color-background -ultramarine-pressed)

color.background.ultramarinepressed

#2b3d83

#bbc2df

var(-color-background -purple-_)

color.background.purple_

#9261b7

#9971b8

var(-color-background -purple-secondary)

color.background.purplesecondary

#faf7fc

#201d22

var(-color-background -purple-tertiary)

color.background.purpletertiary

var(-color-background -purple-hovered)

color.background.purplehovered

#744299

#b697cf

var(-color-background -purple-pressed)

color.background.purplepressed

#533669

#d0bbe1

var(-color-background -teal-_)

color.background.teal_

#008480

#328e8a

var(-color-background -teal-secondary)

color.background.tealsecondary

#f1fafa

#191f1f

var(-color-background -teal-tertiary)

color.background.tealtertiary

var(-color-background -teal-hovered)

color.background.tealhovered

#0a6361

#58b1ad

var(-color-background -teal-pressed)

color.background.tealpressed

#154948

#8bcfcb

var(-color-background -lime-_)

color.background.lime_

#6c7d02

#78892a

var(-color-background -lime-secondary)

color.background.limesecondary

#f8fad5

#1e2010

var(-color-background -lime-tertiary)

color.background.limetertiary

var(-color-background -lime-hovered)

color.background.limehovered

#525f0a

#97ac37

var(-color-background -lime-pressed)

color.background.limepressed

#3e460e

#b7cd4f

var(-color-border -minimal-light)

color.border.minimallight

var(-color-border -minimal-dark)

color.border.minimaldark

var(-color-border -subtle-_)

color.border.subtle_

#ccd4da

#2e3942

var(-color-border -subtle-transparent)

color.border.subtletransparent

rgba(0, 40, 70, 0.2)

rgba(168, 213, 247, 0.17)

var(-color-border -moderate-light)

color.border.moderatelight

var(-color-border -moderate-dark)

color.border.moderatedark

var(-color-border -bold-light)

color.border.boldlight

var(-color-border -bold-dark)

color.border.bolddark

var(-color-border -strong-light)

color.border.stronglight

var(-color-border -strong-dark)

color.border.strongdark

var(-color-border -contrast-light)

color.border.contrastlight

var(-color-border -contrast-dark)

color.border.contrastdark

var(-color-border -hovered-light)

color.border.hoveredlight

var(-color-border -hovered-dark)

color.border.hovereddark

var(-color-border -focused-_)

color.border.focused_

#007acd

#3d85ca

var(-color-border -brand-moderate)

color.border.brandmoderate

#7fadef

#04568e

var(-color-border -brand-bold)

color.border.brandbold

#007acd

#3d85ca

var(-color-border -brand-strong)

color.border.brandstrong

#005aa0

#77a6e1

var(-color-border -inverse-_)

color.border.inverse_

#ffffff

#15191d

var(-color-border -inverse-focused)

color.border.inversefocused

#ffffff

#15191d

var(-color-border -danger-moderate)

color.border.dangermoderate

#ff8979

#95302c

var(-color-border -danger-bold)

color.border.dangerbold

#db3735

#dd534b

var(-color-border -danger-strong)

color.border.dangerstrong

#aa2424

#fa7e72

var(-color-border -warning-moderate)

color.border.warningmoderate

#ff8c47

#7e4425

var(-color-border -warning-bold)

color.border.warningbold

#bc5921

#c3693a

var(-color-border -warning-strong)

color.border.warningstrong

#8e441a

#f08750

var(-color-border -success-moderate)

color.border.successmoderate

#63be74

#12602b

var(-color-border -success-bold)

color.border.successbold

#008836

#30934b

var(-color-border -success-strong)

color.border.successstrong

#006725

#63b473

var(-color-border -pink-moderate)

color.border.pinkmoderate

#ff80bd

#7b4159

var(-color-border -pink-bold)

color.border.pinkbold

#e01b78

#e44284

var(-color-border -pink-strong)

color.border.pinkstrong

#963563

#f779ad

var(-color-border -red-moderate)

color.border.redmoderate

#ff8979

#95302c

var(-color-border -red-bold)

color.border.redbold

#db3735

#dd534b

var(-color-border -red-strong)

color.border.redstrong

#aa2424

#fa7e72

var(-color-border -orange-moderate)

color.border.orangemoderate

#ff8c47

#7e4425

var(-color-border -orange-bold)

color.border.orangebold

#bc5921

#c3693a

var(-color-border -orange-strong)

color.border.orangestrong

#8e441a

#f08750

var(-color-border -yellow-moderate)

color.border.yellowmoderate

#d5a334

#655027

var(-color-border -yellow-bold)

color.border.yellowbold

#947023

#9d7d39

var(-color-border -yellow-strong)

color.border.yellowstrong

#6f551d

#c59d4a

var(-color-border -green-moderate)

color.border.greenmoderate

#63be74

#12602b

var(-color-border -green-bold)

color.border.greenbold

#008836

#30934b

var(-color-border -green-strong)

color.border.greenstrong

#006725

#63b473

var(-color-border -blue-moderate)

color.border.bluemoderate

#7fadef

#04568e

var(-color-border -blue-bold)

color.border.bluebold

#007acd

#3d85ca

var(-color-border -blue-strong)

color.border.bluestrong

#005aa0

#77a6e1

var(-color-border -ultramarine-moderate)

color.border.ultramarinemoderate

#9fa9d4

#3f508e

var(-color-border -ultramarine-bold)

color.border.ultramarinebold

#6372b2

#717fb5

var(-color-border -ultramarine-strong)

color.border.ultramarinestrong

#44549b

#96a2cc

var(-color-border -purple-moderate)

color.border.purplemoderate

#bf9ed9

#694288

var(-color-border -purple-bold)

color.border.purplebold

#9261b7

#9971b8

var(-color-border -purple-strong)

color.border.purplestrong

#744299

#b697cf

var(-color-border -teal-moderate)

color.border.tealmoderate

#3dbcb8

#275b59

var(-color-border -teal-bold)

color.border.tealbold

#008480

#328e8a

var(-color-border -teal-strong)

color.border.tealstrong

#0a6361

#58b1ad

var(-color-border -lime-moderate)

color.border.limemoderate

#9db603

#4e581e

var(-color-border -lime-bold)

color.border.limebold

#6c7d02

#78892a

var(-color-border -lime-strong)

color.border.limestrong

#525f0a

#97ac37

var(-color-text -primary-_)

color.text.primary_

#171d21

#fafafb

var(-color-text -primary-hovered)

color.text.primaryhovered

#007acd

#3d85ca

var(-color-text -primary-focused)

color.text.primaryfocused

#007acd

#3d85ca

var(-color-text -primary-pressed)

color.text.primarypressed

#005aa0

#77a6e1

var(-color-text -secondary-light)

color.text.secondarylight

var(-color-text -secondary-dark)

color.text.secondarydark

var(-color-text -tertiary-_)

color.text.tertiary_

#60798b

#718492

var(-color-text -tertiary-hovered)

color.text.tertiaryhovered

#007acd

#3d85ca

var(-color-text -tertiary-focused)

color.text.tertiaryfocused

#007acd

#3d85ca

var(-color-text -tertiary-pressed)

color.text.tertiarypressed

#005aa0

#77a6e1

var(-color-text -inverse-_)

color.text.inverse_

#ffffff

#15191d

var(-color-text -inverse-hovered)

color.text.inversehovered

#ebeef1

#1f262b

var(-color-text -inverse-focused)

color.text.inversefocused

#ebeef1

#1f262b

var(-color-text -inverse-pressed)

color.text.inversepressed

#ccd4da

#2e3942

var(-color-text -brand-primary)

color.text.brandprimary

var(-color-text -brand-high_contrast)

color.text.brandhigh_contrast

var(-color-text -danger-primary)

color.text.dangerprimary

var(-color-text -danger-high_contrast)

color.text.dangerhigh_contrast

var(-color-text -pink-primary)

color.text.pinkprimary

var(-color-text -red-primary)

color.text.redprimary

var(-color-text -orange-primary)

color.text.orangeprimary

var(-color-text -yellow-primary)

color.text.yellowprimary

var(-color-text -green-primary)

color.text.greenprimary

var(-color-text -blue-primary)

color.text.blueprimary

var(-color-text -ultramarine-primary)

color.text.ultramarineprimary

var(-color-text -purple-primary)

color.text.purpleprimary

var(-color-text -teal-primary)

color.text.tealprimary

var(-color-text -lime-primary)

color.text.limeprimary

var(-color-icon -tertiary-light)

color.icon.tertiarylight

var(-color-icon -tertiary-dark)

color.icon.tertiarydark

var(-color-icon -secondary-_)

color.icon.secondary_

#60798b

#718492

var(-color-icon -secondary-hovered)

color.icon.secondaryhovered

#435c6e

#97a5af

var(-color-icon -secondary-focused)

color.icon.secondaryfocused

#435c6e

#97a5af

var(-color-icon -secondary-pressed)

color.icon.secondarypressed

#334551

#bcc4cb

var(-color-icon -primary-light)

color.icon.primarylight

var(-color-icon -primary-dark)

color.icon.primarydark

var(-color-icon -inverse-primary)

color.icon.inverseprimary

#ffffff

#15191d

var(-color-icon -brand-secondary)

color.icon.brandsecondary

var(-color-icon -brand-primary)

color.icon.brandprimary

#004478

#a9c4ee

var(-color-icon -danger-secondary)

color.icon.dangersecondary

var(-color-icon -danger-primary)

color.icon.dangerprimary

#7f1d1b

#ffaea3

var(-color-icon -pink-secondary)

color.icon.pinksecondary

var(-color-icon -pink-primary)

color.icon.pinkprimary

#5c3749

#fbaccc

var(-color-icon -red-secondary)

color.icon.redsecondary

var(-color-icon -red-primary)

color.icon.redprimary

#7f1d1b

#ffaea3

var(-color-icon -orange-secondary)

color.icon.orangesecondary

var(-color-icon -orange-primary)

color.icon.orangeprimary

#693315

#ffb182

var(-color-icon -yellow-secondary)

color.icon.yellowsecondary

var(-color-icon -yellow-primary)

color.icon.yellowprimary

#533f18

#eabc5f

var(-color-icon -green-secondary)

color.icon.greensecondary

var(-color-icon -green-primary)

color.icon.greenprimary

#004d1c

#99d0a0

var(-color-icon -blue-secondary)

color.icon.bluesecondary

var(-color-icon -blue-primary)

color.icon.blueprimary

#004478

#a9c4ee

var(-color-icon -ultramarine-secondary)

color.icon.ultramarinesecondary

var(-color-icon -ultramarine-primary)

color.icon.ultramarineprimary

#2b3d83

#bbc2df

var(-color-icon -purple-secondary)

color.icon.purplesecondary

var(-color-icon -purple-primary)

color.icon.purpleprimary

#533669

#d0bbe1

var(-color-icon -teal-secondary)

color.icon.tealsecondary

var(-color-icon -teal-primary)

color.icon.tealprimary

#154948

#8bcfcb

var(-color-icon -lime-secondary)

color.icon.limesecondary

var(-color-icon -lime-primary)

color.icon.limeprimary

#3e460e

#b7cd4f

var(-color-palette -grey-0)

color.palette.grey0

#ffffff

#15191d

var(-color-palette -grey-100)

color.palette.grey100

#f6f8f9

#1a1f23

var(-color-palette -grey-200)

color.palette.grey200

#ebeef1

#1f262b

var(-color-palette -grey-300)

color.palette.grey300

#ccd4da

#2e3942

var(-color-palette -grey-400)

color.palette.grey400

#9eadb8

#425663

var(-color-palette -grey-500)

color.palette.grey500

#778c9b

#5c7181

var(-color-palette -grey-600)

color.palette.grey600

#60798b

#718492

var(-color-palette -grey-700)

color.palette.grey700

#435c6e

#97a5af

var(-color-palette -grey-800)

color.palette.grey800

#334551

#bcc4cb

var(-color-palette -grey-900)

color.palette.grey900

#232d35

#e2e5e9

var(-color-palette -grey-1000)

color.palette.grey1000

#171d21

#fafafb

var(-color-palette -pink-100)

color.palette.pink100

#fff4f9

#211d1e

var(-color-palette -pink-200)

color.palette.pink200

#ffe9f3

#2a2326

var(-color-palette -pink-300)

color.palette.pink300

#ffc1df

#45333a

var(-color-palette -pink-400)

color.palette.pink400

#ff80bd

#7b4159

var(-color-palette -pink-500)

color.palette.pink500

#fb3492

#c13c72

var(-color-palette -pink-600)

color.palette.pink600

#e01b78

#e44284

var(-color-palette -pink-700)

color.palette.pink700

#963563

#f779ad

var(-color-palette -pink-800)

color.palette.pink800

#5c3749

#fbaccc

var(-color-palette -pink-900)

color.palette.pink900

#34282e

#fddcea

var(-color-palette -red-100)

color.palette.red100

#fff7f5

#321613

var(-color-palette -red-200)

color.palette.red200

#ffeae5

#411a16

var(-color-palette -red-300)

color.palette.red300

#ffc5b9

#63221e

var(-color-palette -red-400)

color.palette.red400

#ff8979

#95302c

var(-color-palette -red-500)

color.palette.red500

#f34e46

#c3423c

var(-color-palette -red-600)

color.palette.red600

#db3735

#dd534b

var(-color-palette -red-700)

color.palette.red700

#aa2424

#fa7e72

var(-color-palette -red-800)

color.palette.red800

#7f1d1b

#ffaea3

var(-color-palette -red-900)

color.palette.red900

#521814

#ffddd7

var(-color-palette -orange-100)

color.palette.orange100

#fff5ed

#2c1b12

var(-color-palette -orange-200)

color.palette.orange200

#ffeada

#372015

var(-color-palette -orange-300)

color.palette.orange300

#ffc89d

#542f1b

var(-color-palette -orange-400)

color.palette.orange400

#ff8c47

#7e4425

var(-color-palette -orange-500)

color.palette.orange500

#d96929

#a85a31

var(-color-palette -orange-600)

color.palette.orange600

#bc5921

#c3693a

var(-color-palette -orange-700)

color.palette.orange700

#8e441a

#f08750

var(-color-palette -orange-800)

color.palette.orange800

#693315

#ffb182

var(-color-palette -orange-900)

color.palette.orange900

#442312

#ffdfc8

var(-color-palette -yellow-100)

color.palette.yellow100

#fff7e0

#251e13

var(-color-palette -yellow-200)

color.palette.yellow200

#ffeeb4

#2c2416

var(-color-palette -yellow-300)

color.palette.yellow300

#ffcc59

#43361d

var(-color-palette -yellow-400)

color.palette.yellow400

#d5a334

#655027

var(-color-palette -yellow-500)

color.palette.yellow500

#ab8327

#866b32

var(-color-palette -yellow-600)

color.palette.yellow600

#947023

#9d7d39

var(-color-palette -yellow-700)

color.palette.yellow700

#6f551d

#c59d4a

var(-color-palette -yellow-800)

color.palette.yellow800

#533f18

#eabc5f

var(-color-palette -yellow-900)

color.palette.yellow900

#362a13

#ffe299

var(-color-palette -green-100)

color.palette.green100

#f3faf4

#102313

var(-color-palette -green-200)

color.palette.green200

#e2f3e3

#112b16

var(-color-palette -green-300)

color.palette.green300

#aedfb3

#12401e

var(-color-palette -green-400)

color.palette.green400

#63be74

#12602b

var(-color-palette -green-500)

color.palette.green500

#199d47

#1d7f3c

var(-color-palette -green-600)

color.palette.green600

#008836

#30934b

var(-color-palette -green-700)

color.palette.green700

#006725

#63b473

var(-color-palette -green-800)

color.palette.green800

#004d1c

#99d0a0

var(-color-palette -green-900)

color.palette.green900

#0a3315

#d4ebd6

var(-color-palette -blue-100)

color.palette.blue100

#f6f8fd

#111f2e

var(-color-palette -blue-200)

color.palette.blue200

#e7eefc

#12263b

var(-color-palette -blue-300)

color.palette.blue300

#c0d4f9

#0f3a5e

var(-color-palette -blue-400)

color.palette.blue400

#7fadef

#04568e

var(-color-palette -blue-500)

color.palette.blue500

#3c8cde

#1c73b6

var(-color-palette -blue-600)

color.palette.blue600

#007acd

#3d85ca

var(-color-palette -blue-700)

color.palette.blue700

#005aa0

#77a6e1

var(-color-palette -blue-800)

color.palette.blue800

#004478

#a9c4ee

var(-color-palette -blue-900)

color.palette.blue900

#0b2d4e

#dbe5f8

var(-color-palette -ultramarine-100)

color.palette.ultramarine100

#f6f7fb

#171d37

var(-color-palette -ultramarine-200)

color.palette.ultramarine200

#eceef7

#17224b

var(-color-palette -ultramarine-300)

color.palette.ultramarine300

#ccd1e9

#25346e

var(-color-palette -ultramarine-400)

color.palette.ultramarine400

#9fa9d4

#3f508e

var(-color-palette -ultramarine-500)

color.palette.ultramarine500

#7986bf

#5d6ca7

var(-color-palette -ultramarine-600)

color.palette.ultramarine600

#6372b2

#717fb5

var(-color-palette -ultramarine-700)

color.palette.ultramarine700

#44549b

#96a2cc

var(-color-palette -ultramarine-800)

color.palette.ultramarine800

#2b3d83

#bbc2df

var(-color-palette -ultramarine-900)

color.palette.ultramarine900

#182663

#e1e4f1

var(-color-palette -purple-100)

color.palette.purple100

#faf7fc

#201d22

var(-color-palette -purple-200)

color.palette.purple200

#f2ecf7

#28232c

var(-color-palette -purple-300)

color.palette.purple300

#deccec

#41324e

var(-color-palette -purple-400)

color.palette.purple400

#bf9ed9

#694288

var(-color-palette -purple-500)

color.palette.purple500

#a377c5

#875da9

var(-color-palette -purple-600)

color.palette.purple600

#9261b7

#9971b8

var(-color-palette -purple-700)

color.palette.purple700

#744299

#b697cf

var(-color-palette -purple-800)

color.palette.purple800

#533669

#d0bbe1

var(-color-palette -purple-900)

color.palette.purple900

#312838

#ebe1f2

var(-color-palette -teal-100)

color.palette.teal100

#f1fafa

#191f1f

var(-color-palette -teal-200)

color.palette.teal200

#daf4f3

#1d2727

var(-color-palette -teal-300)

color.palette.teal300

#95dfdd

#243c3b

var(-color-palette -teal-400)

color.palette.teal400

#3dbcb8

#275b59

var(-color-palette -teal-500)

color.palette.teal500

#0a9994

#297a77

var(-color-palette -teal-600)

color.palette.teal600

#008480

#328e8a

var(-color-palette -teal-700)

color.palette.teal700

#0a6361

#58b1ad

var(-color-palette -teal-800)

color.palette.teal800

#154948

#8bcfcb

var(-color-palette -teal-900)

color.palette.teal900

#192f2f

#ccebea

var(-color-palette -lime-100)

color.palette.lime100

#f8fad5

#1e2010

var(-color-palette -lime-200)

color.palette.lime200

#eef5a8

#242713

var(-color-palette -lime-300)

color.palette.lime300

#c7de43

#353b18

var(-color-palette -lime-400)

color.palette.lime400

#9db603

#4e581e

var(-color-palette -lime-500)

color.palette.lime500

#7d9200

#677525

var(-color-palette -lime-600)

color.palette.lime600

#6c7d02

#78892a

var(-color-palette -lime-700)

color.palette.lime700

#525f0a

#97ac37

var(-color-palette -lime-800)

color.palette.lime800

#3e460e

#b7cd4f

var(-color-palette -lime-900)

color.palette.lime900

#2a2e0e

#dfed90

var(-color-palette -engie-blue)

color.palette.engieblue

#00AAFF

#00AAFF

var(-color-palette -engie-green)

color.palette.engiegreen

#23d2b5

#23d2b5

var(-color-base -brand-100)

color.base.brand100

#f6f8fd

#111f2e

var(-color-base -brand-200)

color.base.brand200

#e7eefc

#12263b

var(-color-base -brand-300)

color.base.brand300

#c0d4f9

#0f3a5e

var(-color-base -brand-400)

color.base.brand400

#7fadef

#04568e

var(-color-base -brand-500)

color.base.brand500

#3c8cde

#1c73b6

var(-color-base -brand-600)

color.base.brand600

#007acd

#3d85ca

var(-color-base -brand-700)

color.base.brand700

#005aa0

#77a6e1

var(-color-base -brand-800)

color.base.brand800

#004478

#a9c4ee

var(-color-base -brand-900)

color.base.brand900

#0b2d4e

#dbe5f8

var(-color-base -neutral-0)

color.base.neutral0

#ffffff

#15191d

var(-color-base -neutral-100)

color.base.neutral100

#f6f8f9

#1a1f23

var(-color-base -neutral-200)

color.base.neutral200

#ebeef1

#1f262b

var(-color-base -neutral-300)

color.base.neutral300

#ccd4da

#2e3942

var(-color-base -neutral-400)

color.base.neutral400

#9eadb8

#425663

var(-color-base -neutral-500)

color.base.neutral500

#778c9b

#5c7181

var(-color-base -neutral-600)

color.base.neutral600

#60798b

#718492

var(-color-base -neutral-700)

color.base.neutral700

#435c6e

#97a5af

var(-color-base -neutral-800)

color.base.neutral800

#334551

#bcc4cb

var(-color-base -neutral-900)

color.base.neutral900

#232d35

#e2e5e9

var(-color-base -neutral-1000)

color.base.neutral1000

#171d21

#fafafb

var(-color-base -danger-100)

color.base.danger100

#fff7f5

#321613

var(-color-base -danger-200)

color.base.danger200

#ffeae5

#411a16

var(-color-base -danger-300)

color.base.danger300

#ffc5b9

#63221e

var(-color-base -danger-400)

color.base.danger400

#ff8979

#95302c

var(-color-base -danger-500)

color.base.danger500

#f34e46

#c3423c

var(-color-base -danger-600)

color.base.danger600

#db3735

#dd534b

var(-color-base -danger-700)

color.base.danger700

#aa2424

#fa7e72

var(-color-base -danger-800)

color.base.danger800

#7f1d1b

#ffaea3

var(-color-base -danger-900)

color.base.danger900

#521814

#ffddd7

var(-color-base -success-100)

color.base.success100

#f3faf4

#102313

var(-color-base -success-200)

color.base.success200

#e2f3e3

#112b16

var(-color-base -success-300)

color.base.success300

#aedfb3

#12401e

var(-color-base -success-400)

color.base.success400

#63be74

#12602b

var(-color-base -success-500)

color.base.success500

#199d47

#1d7f3c

var(-color-base -success-600)

color.base.success600

#008836

#30934b

var(-color-base -success-700)

color.base.success700

#006725

#63b473

var(-color-base -success-800)

color.base.success800

#004d1c

#99d0a0

var(-color-base -success-900)

color.base.success900

#0a3315

#d4ebd6

var(-color-base -warning-100)

color.base.warning100

#fff5ed

#2c1b12

var(-color-base -warning-200)

color.base.warning200

#ffeada

#372015

var(-color-base -warning-300)

color.base.warning300

#ffc89d

#542f1b

var(-color-base -warning-400)

color.base.warning400

#ff8c47

#7e4425

var(-color-base -warning-500)

color.base.warning500

#d96929

#a85a31

var(-color-base -warning-600)

color.base.warning600

#bc5921

#c3693a

var(-color-base -warning-700)

color.base.warning700

#8e441a

#f08750

var(-color-base -warning-800)

color.base.warning800

#693315

#ffb182

var(-color-base -warning-900)

color.base.warning900

#442312

#ffdfc8

var(-color-base -gradient-light)

color.base.gradientlight

var(-color-base -gradient-dark)

color.base.gradientdark