Colors

Color is the characteristic of human visual perception described through color categories, with names such as red, blue, yellow, green, orange, or purple. This perception of color derives from the stimulation of cells in the human eye.

  • Neutral #000/#FFF --prs-c-black|white

    1. black #000000
    2. white #FFFFFF

  • primary #0600B4 --prs-c-primary

    1. 50 #F6F0FC
    2. 100 #EADFF7
    3. 200 #CAB2ED
    4. 300 #A387E0
    5. 400 #573DCC
    6. 500 #0600B4
    7. 600 #0500A3
    8. 700 #050087
    9. 800 #04006E
    10. 900 #010052
    11. 950 #010036

  • secondary #FF2986 --prs-c-secondary

    1. 50 #FFF5FC
    2. 100 #FFEBF9
    3. 200 #FFC9EC
    4. 300 #FFA8DC
    5. 400 #FF69B6
    6. 500 #FF2986
    7. 600 #E62072
    8. 700 #BF1757
    9. 800 #990F3F
    10. 900 #73082A
    11. 950 #4A0418

  • accent #A30283 --prs-c-accent

    1. 50 #FAEDF9
    2. 100 #F5DCF2
    3. 200 #E8AEE0
    4. 300 #DB84D0
    5. 400 #BF3BA9
    6. 500 #A30283
    7. 600 #940172
    8. 700 #7A0156
    9. 800 #61013E
    10. 900 #4A002B
    11. 950 #300019

  • info #00BCFF --prs-c-info

    1. 50 #F9FCFF
    2. 100 #E4F3FF
    3. 200 #C6E7FF
    4. 300 #A1D9FF
    5. 400 #72CBFF
    6. 500 #00BCFF
    7. 600 #00A8E4
    8. 700 #0092C6
    9. 800 #0077A1
    10. 900 #005472
    11. 950 #002A39

  • warning #E1FF00 --prs-c-warning

    1. 50 #FEFFF9
    2. 100 #F9FFE4
    3. 200 #F3FFC6
    4. 300 #EDFFA1
    5. 400 #E7FF72
    6. 500 #E1FF00
    7. 600 #C9E400
    8. 700 #AEC600
    9. 800 #8EA100
    10. 900 #657200
    11. 950 #323900

  • success #00F0A8 --prs-c-success

    1. 50 #F9FEFB
    2. 100 #E4FCF0
    3. 200 #C6F9E0
    4. 300 #A1F6CF
    5. 400 #72F3BD
    6. 500 #00F0A8
    7. 600 #00D796
    8. 700 #00BA82
    9. 800 #00986A
    10. 900 #006B4B
    11. 950 #003626

  • danger #E0205D --prs-c-danger

    1. 50 #FEF9F9
    2. 100 #F9E5E8
    3. 200 #F3C7CE
    4. 300 #EDA3B1
    5. 400 #E7768D
    6. 500 #E0205D
    7. 600 #C81D53
    8. 700 #AE1948
    9. 800 #8E143B
    10. 900 #640E2A
    11. 950 #320715

  • gray #807F82 --prs-c-gray

    1. 50 #FAFAFA
    2. 100 #F1F0F1
    3. 200 #E0DFE0
    4. 300 #CBCACC
    5. 400 #A5A4A7
    6. 500 #807F82
    7. 600 #69686F
    8. 700 #494751
    9. 800 #31303B
    10. 900 #1D1B26
    11. 950 #0E0D16

Marketing

⚠️ The following is for marketing purposes ONLY! Please use the base token colors above 👆 for all other UI styling so we can maintain consistency.

Brand

  • Magenta #FF2986
  • Cobalt #0900DA
  • Sky #00BCFF

Primary

  • Berry #A30283
  • Royal Purple #5A02B7
  • CTA Cobalt #0600B4
  • Indigo #00057F
  • Dark Teal #005A76
  • Deep Indigo #131327

Secondary

  • Mauve #F0C0FE
  • Cornflower #A7CCFF
  • Aqua #09FEFF
  • Spring #00F0A8
  • Chartreuse #E1FF00
  • Lemon #FFFF00

Neutral

  • Chalk #F1F0F2
  • Ash #B5BDD6
  • Charcoal #49597D