Scribd
Upload
7 views

Primitives.light Mode.tokens.json

The document lists various color codes associated with different categories such as primary, secondary, neutral, success, warning, and error colors. Each color is represented by its hex code and categorized under specific types. Additionally, it includes aliases for background, border, icon, link, and text colors.

Uploaded by

Chandrasekar Komahan
Copyright
© © All Rights Reserved
We take content rights seriously. If you suspect this is your content, claim it here.
Available Formats
Download as XLSX, PDF, TXT or read online on Scribd
7 views

Primitives.light Mode.tokens.json

The document lists various color codes associated with different categories such as primary, secondary, neutral, success, warning, and error colors. Each color is represented by its hex code and categorized under specific types. Additionally, it includes aliases for background, border, icon, link, and text colors.

Uploaded by

Chandrasekar Komahan
Copyright
© © All Rights Reserved
We take content rights seriously. If you suspect this is your content, claim it here.
Available Formats
Download as XLSX, PDF, TXT or read online on Scribd
You are on page 1/ 26

Primary Cobalt_Blu$type $value KPMG_Blu$type $value Dark_Blue$type $value

color #1e49e2 color #00338d color #0c233c


Cobalt_Blu$type $value Cobalt_Blu$type $value SecondaryLight_Purp$type $value
color #c9d3f8 color #f5f6fa color #b497ff
Purple $type $value Dark_Purp$type $value Blue $type $value Pacific_Blu
color #7213ea color #510dbc color #76d2ff
$type $value Light_Blue$type $value Accent Light_Pink$type $value Pink
color #00b8f5 color #aceaff color #ffa3da
$type $value Dark_Pink $type $value Light_Gree$type $value Green $type
color #fd349c color #ab0d82 color #63ebda color
$value Dark_Gree$type $value Neutral Light neutral-0 $type $value neutral-10
#00c0ae color #098e7e color #ffffff
$type $value neutral-20$type $value neutral-30$type $value neutral-40$type
color #fbfbfb color #f6f6f6 color #e5e5e5 color
$value neutral-50$type $value neutral-60$type $value neutral-70$type $value
#b2b2b2 color #989898 color #666666 color #333333
Dark neutral-0 $type $value neutral-10$type $value neutral-20$type $value
color #0d1426 color #111a33 color #262d4c
neutral-30$type $value neutral-40$type $value neutral-50$type $value neutral-60
color #35394c color #565a6b color #cecdd9
$type $value neutral-70$type $value Feedback Success success-0 $type $value
color #ececf0 color #fbfbfb color #e6f4e5
success-10$type $value success-20$type $value success-30$type $value success-40
color #9cd298 color #53b54f color #269924
$type $value success-50$type $value Warning warning-0 $type $value warning-1
color #178718 color #014c07 color #fdf5e0
$type $value warning-2 $type $value warning-3 $type $value warning-4 $type
color #f9e5b1 color #f5d47f color #f1c44d color
$value warning-5 $type $value Error error-0 $type $value error-10 $type
#eeb82a color #795907 color #ffeaed color
$value error-20 $type $value error-30 $type $value error-40 $type $value
#f69594 color #fc2f23 color #ed2124 color #db101f
error-50 $type $value Aliases Backgrounbg-primary$type $value bg-primary$type
color #9d0b16 color {Primary.Cobalt_Bluecolor
$value bg-primary$type $value bg-primary$type $value bg-primary$type $value
{Primary.KPMG_Blue}color {Primary.Dark_Blue} color {Neutral.Light.neutralcolor {Primary.Cobalt_Blue
bg-primary$type $value bg-disable $type $value bg-placeho$type $value bg-utility-
{Primary.Cobalt_Bluecolor {Primary.Cobalt_Bluecolor {Neutral.Light.neutralcolor {Neutral.Light.neutral
$type $value bg-utility- $type $value bg-utility- $type $value Border border-pri
color {Feedback.Warning.wa color {Feedback.Error.errorcolor {Feedback.Success.success-0}
$type $value border-sec$type $value border-gre$type $value Icon icon-cobal
color {Primary.Cobalt_Bluecolor {Primary.Cobalt_Bluecolor {Neutral.Light.neutral-30}
$type $value icon-purpl $type $value icon-light $type $value icon-dark $type
color {Primary.Cobalt_Bluecolor {Secondary.Purple} color {Neutral.Light.neutralcolor
$value icon-grey- $type $value Link link-primar$type $value link-prima $type
{Primary.Dark_Blue} color {Neutral.Light.neutral-40} color {Primary.Cobalt_Bluecolor
$value Overlay overlay-lig$type $value Text content-pr$type $value content-se
{Primary.Dark_Blue} color {Primary.Cobalt_Blue-10} color {Primary.Dark_Blue}
$type $value content-ter$type $value content-di$type $value content-uti$type
color {Neutral.Light.neutralcolor {Neutral.Light.neutralcolor {Neutral.Light.neutralcolor
$value content-ut$type $value content-uti$type $value
{Feedback.Success.sucolor {Feedback.Warning.wcolor {Feedback.Error.error-30}

You might also like