Colors

Explore our palette of vibrant and carefully selected colors that define the visual identity of our system.
From primary tones to accents, discover how to use them effectively to convey the essence of your brand and enhance the readability and accessibility of your interfaces.


Primary

  • Primary 50

    #E0FFF8

  • Primary 100

    #C2FFF1

  • Primary 200

    #85FFE2

  • Primary 300

    #4DFFD5

  • Primary 400

    #0FFFC7

  • Primary 500

    #00D2A0

  • Primary 600

    #00A881

  • Primary 700

    #008062

  • Primary 800

    #00523F

  • Primary 900

    #00291F

  • Primary 950

    #001410

Secondary

  • Secondary 50

    #EBFEFF

  • Secondary 100

    #D6FCFF

  • Secondary 200

    #ADFAFF

  • Secondary 300

    #85F7FF

  • Secondary 400

    #61F4FF

  • Secondary 500

    #37F3FF

  • Secondary 600

    #00E9FA

  • Secondary 700

    #00ABB8

  • Secondary 800

    #00727A

  • Secondary 900

    #00393D

  • Secondary 950

    #001D1F

Info

  • Info 50

    #E0EBFF

  • Info 100

    #C7DAFF

  • Info 200

    #8FB4FF

  • Info 300

    #578FFF

  • Info 400

    #1F69FF

  • Info 500

    #004DE5

  • Info 600

    #003BC4

  • Info 700

    #002CA4

  • Info 800

    #001E84

  • Info 900

    #000F2E

  • Info 950

    #000714

Error

  • Error 50

    #FFEBEB

  • Error 100

    #FFD8D6

  • Error 200

    #FFB0AD

  • Error 300

    #FF8985

  • Error 400

    #FF615C

  • Error 500

    #FF3C35

  • Error 600

    #F50800

  • Error 700

    #B80600

  • Error 800

    #7A0400

  • Error 900

    #3D0200

  • Error 950

    #1F0100

Success

  • Success 50

    #EAFAEF

  • Success 100

    #D5F6DE

  • Success 200

    #A8EBBA

  • Success 300

    #7EE299

  • Success 400

    #50D774

  • Success 500

    #2DC656

  • Success 600

    #249E44

  • Success 700

    #1B7934

  • Success 800

    #124F22

  • Success 900

    #092A12

  • Success 950

    #051509

Warning

  • Warning 50

    #FFF9E5

  • Warning 100

    #FFF2CC

  • Warning 200

    #FFE699

  • Warning 300

    #FFD966

  • Warning 400

    #FFCC33

  • Warning 500

    #FFBF00

  • Warning 600

    #CC9900

  • Warning 700

    #997300

  • Warning 800

    #664D00

  • Warning 900

    #332600

  • Warning 950

    #191300

Neutral

  • Neutral 50

    #F9FAFB

  • Neutral 100

    #F6F7F8

  • Neutral 200

    #E8EBED

  • Neutral 300

    #DADEE2

  • Neutral 400

    #C8CFD5

  • Neutral 500

    #B7BFC7

  • Neutral 600

    #A3ADB8

  • Neutral 700

    #8C99A6

  • Neutral 800

    #70808F

  • Neutral 900

    #4E5964

  • Neutral 950

    #434D56

  • Neutral 1000

    #384048

  • Neutral 1050

    #21262B

  • Neutral 1100

    #191C20

  • Neutral 1150

    #101214

Dark overlay white

  • Dark overlay 50

    #FFFFFF0D

  • Dark overlay 100

    #FFFFFF1A

  • Dark overlay 200

    #FFFFFF33

  • Dark overlay 300

    #FFFFFF4D

  • Dark overlay 400

    #FFFFFF80

  • Dark overlay 500

    #FFFFFF80

  • Dark overlay 600

    #FFFFFF99

  • Dark overlay 700

    #FFFFFFB2

  • Dark overlay 800

    #FFFFFFCC

  • Dark overlay 900

    #FFFFFFE5

  • Dark overlay 950

    #EDF0F5

Dark overlay black

  • Dark overlay 50

    #0000000D

  • Dark overlay 100

    #0000001A

  • Dark overlay 200

    #00000033

  • Dark overlay 300

    #0000004D

  • Dark overlay 400

    #00000066

  • Dark overlay 500

    #00000080

  • Dark overlay 600

    #00000099

  • Dark overlay 700

    #000000B2

  • Dark overlay 800

    #000000CC

  • Dark overlay 900

    #000000E5

  • Dark overlay 950

    #000000

Dark Mode

  • Dark Mode 10

    #D6D6D6

  • Dark Mode 20

    #B8B8B8

  • Dark Mode 30

    #949494

  • Dark Mode 40

    #787878

  • Dark Mode 50

    #545454

  • Dark Mode 100

    #383838

  • Dark Mode 200

    #333333

  • Dark Mode 300

    #2E2E2E

  • Dark Mode 400

    #2C2C2C

  • Dark Mode 500

    #272727

  • Dark Mode 600

    #242424

  • Dark Mode 700

    #222222

  • Dark Mode 800

    #1E1E1E

  • Dark Mode 900

    #141414

  • Dark Mode 950

    #121212

Shape

  • Shape White

    #FFFFFF

  • Shape Dark

    #000000