Colors The characteristic of human visual perception described through categories.

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

    1. --prs-c-black
    2. --prs-c-white
  • primary --prs-c-primary #0600B4

    1. --prs-c-primary-50
    2. --prs-c-primary-100
    3. --prs-c-primary-200
    4. --prs-c-primary-300
    5. --prs-c-primary-400
    6. --prs-c-primary
    7. --prs-c-primary-600
    8. --prs-c-primary-700
    9. --prs-c-primary-800
    10. --prs-c-primary-900
    11. --prs-c-primary-950
  • secondary --prs-c-secondary #FF2986

    1. --prs-c-secondary-50
    2. --prs-c-secondary-100
    3. --prs-c-secondary-200
    4. --prs-c-secondary-300
    5. --prs-c-secondary-400
    6. --prs-c-secondary
    7. --prs-c-secondary-600
    8. --prs-c-secondary-700
    9. --prs-c-secondary-800
    10. --prs-c-secondary-900
    11. --prs-c-secondary-950
  • accent --prs-c-accent #A30283

    1. --prs-c-accent-50
    2. --prs-c-accent-100
    3. --prs-c-accent-200
    4. --prs-c-accent-300
    5. --prs-c-accent-400
    6. --prs-c-accent
    7. --prs-c-accent-600
    8. --prs-c-accent-700
    9. --prs-c-accent-800
    10. --prs-c-accent-900
    11. --prs-c-accent-950
  • gray --prs-c-gray #807F82

    1. --prs-c-gray-50
    2. --prs-c-gray-100
    3. --prs-c-gray-200
    4. --prs-c-gray-300
    5. --prs-c-gray-400
    6. --prs-c-gray
    7. --prs-c-gray-600
    8. --prs-c-gray-700
    9. --prs-c-gray-800
    10. --prs-c-gray-900
    11. --prs-c-gray-950
  • info --prs-c-info #00BCFF

    1. --prs-c-info-50
    2. --prs-c-info-100
    3. --prs-c-info-200
    4. --prs-c-info-300
    5. --prs-c-info-400
    6. --prs-c-info
    7. --prs-c-info-600
    8. --prs-c-info-700
    9. --prs-c-info-800
    10. --prs-c-info-900
    11. --prs-c-info-950
  • warning --prs-c-warning #E1FF00

    1. --prs-c-warning-50
    2. --prs-c-warning-100
    3. --prs-c-warning-200
    4. --prs-c-warning-300
    5. --prs-c-warning-400
    6. --prs-c-warning
    7. --prs-c-warning-600
    8. --prs-c-warning-700
    9. --prs-c-warning-800
    10. --prs-c-warning-900
    11. --prs-c-warning-950
  • success --prs-c-success #00F0A8

    1. --prs-c-success-50
    2. --prs-c-success-100
    3. --prs-c-success-200
    4. --prs-c-success-300
    5. --prs-c-success-400
    6. --prs-c-success
    7. --prs-c-success-600
    8. --prs-c-success-700
    9. --prs-c-success-800
    10. --prs-c-success-900
    11. --prs-c-success-950
  • danger --prs-c-danger #E0205D

    1. --prs-c-danger-50
    2. --prs-c-danger-100
    3. --prs-c-danger-200
    4. --prs-c-danger-300
    5. --prs-c-danger-400
    6. --prs-c-danger
    7. --prs-c-danger-600
    8. --prs-c-danger-700
    9. --prs-c-danger-800
    10. --prs-c-danger-900
    11. --prs-c-danger-950

Marketing Jump to heading

⚠️ 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