Reference

DocsCurrent

Last updated: Sept 26th, 5:45am

Soft descriptors

A descriptor is the identifying information your customers will see on their statement when they purchase through your mobile app or website.

PayPal uses specific logic to determine the soft descriptor on consumer statements and transaction history on issuer statements and customer portals.

Soft descriptors are limited to 22 characters. PayPal will trim merchant names as necessary to fit this limit.

PayPal determines the soft descriptor using the following logic:

Orders API descriptor: When you include the soft descriptor in your Create Order API request, PayPal automatically prepends any required prefix to the descriptor.

Partner Delegated Merchant Account descriptor: If you don't include the soft descriptor in your Create Order API request, PayPal uses the soft descriptor assigned to the Partner Delegated Merchant Account during account creation.

PayPal internal logic: If you don't include a soft descriptor in your Create Order API request and the Partner Delegated Merchant Account merchant account does not have an assigned soft descriptor, PayPal applies its own internal logic to specify the soft descriptor.

PayPal wallet soft descriptors

For PayPal wallet transactions, set the SOFT_DESCRIPTOR either in your Orders API request or on the merchant's Partner Delegated Merchant Account.

Soft descriptor	Example
`PAYPAL*SOFT_DESCRIPTOR`	`PAYPAL*PARTNERNAME`

Unbranded soft descriptors

For unbranded transactions, set the SOFT_DESCRIPTOR either in your Orders API request or on the merchant's Partner Delegated Merchant Account.

Card type	Soft descriptor	Example
Visa, Mastercard, Discover	`SOFT_DESCRIPTOR`	`PARTNERNAME`
American Express	`PP*SOFT_DESCRIPTOR`	`PP*PARTNER`

Customize SDK styles

Customize the appearance of the Partner SDK using PayPal's design system tokens for spacing, color, size, and motion values. To override specific styles, provide your custom styles in the PayPal theme token format. PayPal applies your tokens to override its default theme using vanilla-extract.

Sample code to override theme styles

The following sample code shows how to override theme elements during SDK initialization:

1style: {
2                    color: {
3                        background: {
4                            highContrast: '#48484a', // font color
5                        },
6                        primary: {
7                            main: '#1b75bc', //header & button
8                            mainHover: '#1871b6',
9                            mainActive: '#204d74', // button color after you click
10                        },
11                    },
12                }

Default PayPal theme

The following code shows the default PayPal theme structure with available design tokens:

1const PAYPAL_THEME = {
2  size: {
3    icon: {
4      xs: '1.125rem',
5      sm: '1.5rem',
6      md: '2rem',
7      lg: '3rem',
8      xl: '4rem',
9    },
10    circle: {
11      xs: '1.5rem',
12      sm: '2rem',
13      md: '3rem',
14      lg: '4rem',
15      xl: '6rem',
16    },
17    tapTarget: {
18      sm: '2.75rem',
19      default: '3rem',
20      lg: '4rem',
21      tiny: '2rem',
22      xs: '2.5rem',
23    },
24    pointerWidth: {
25      sm: '0.75rem',
26      lg: '1rem',
27    },
28    indicator: {
29      xs: '0.1875rem',
30      sm: '0.25rem',
31      md: '0.375rem',
32      lg: '0.5rem',
33    },
34    field: {
35      sm: '3rem',
36      lg: '4rem',
37    },
38    media: {
39      xs: '22rem',
40      sm: '36rem',
41      md: '47rem',
42      lg: '64rem',
43      xl: '72rem',
44      xxl: '90rem',
45    },
46    pictogram: {
47      sm: '6rem',
48      md: '8.5rem',
49      lg: '10rem',
50    },
51  },
52  space: {
53    0: '0rem',
54    25: '0.125rem',
55    50: '0.25rem',
56    75: '0.375rem',
57    100: '0.5rem',
58    150: '0.75rem',
59    200: '1rem',
60    250: '1.25rem',
61    300: '1.5rem',
62    350: '1.75rem',
63    400: '2rem',
64    450: '2.25rem',
65    500: '2.5rem',
66    600: '3rem',
67    700: '3.5rem',
68    800: '4rem',
69    900: '4.5rem',
70    1000: '5rem',
71    1100: '5.5rem',
72    1200: '6rem',
73    tiny: '0.125rem',
74    xs: '0.25rem',
75    sm: '0.5rem',
76    md: '0.75rem',
77    lg: '1rem',
78    xl: '1.5rem',
79    jumbo: '2rem',
80  },
81  elevation: {
82    blurCurve: '1',
83    blurSlope: '-1',
84    blurBase: '0.625rem',
85    opacity: '0.15',
86    brightenFactor: '0.02',
87    verticalOffsetRatio: '1',
88    horizontalOffsetRatio: '0',
89    level1: {
90      yoffset: '0.0625rem',
91      opacity: '0.08',
92      blur: '0.75rem',
93    },
94    level2: {
95      yoffset: '0.125rem',
96      opacity: '0.1',
97      blur: '0.875rem',
98    },
99    level3: {
100      yoffset: '0.125rem',
101      opacity: '0.1',
102      blur: '1.125rem',
103    },
104  },
105  motion: {
106    timing: {
107      x1: '0',
108      y1: '0.9',
109      x2: '0.3',
110      y2: '1',
111    },
112    duration: {
113      hover: '0.10s',
114      action: '0.20s',
115      arrive: '0.50s',
116      depart: '0.30s',
117      repeat: '1.30s',
118      linger: '5.00s',
119      enter: {
120        small: '0.20s',
121        medium: '0.30s',
122        large: '0.50s',
123      },
124      exit: {
125        small: '0.10s',
126        medium: '0.20s',
127        large: '0.20s',
128      },
129      move: {
130        small: '0.20s',
131        medium: '0.50s',
132        large: '0.80s',
133      },
134      loop: {
135        backForth: '0.50s',
136        standard: '1.30s',
137      },
138      pause: {
139        read: '5.00s',
140        reveal: '4.00s',
141      },
142    },
143    easing: {
144      enter: {
145        small: '0,0,0,1',
146        medium: '0.05,0.7,0.1,1',
147        large: '0.05,0.7,0.1,1',
148      },
149      exit: {
150        small: '0.3,0,1,1',
151        medium: '0.3,0,0.8,0.15',
152        large: '0.3,0,0.8,0.15',
153      },
154      move: {
155        small: '0.2,0,0,1',
156        medium: '0.2,0,0,1',
157        large: '0.2,0,0,1',
158      },
159      loop: {
160        backForth: '0.2,0,0,1',
161        standard: '0,0,1,1',
162      },
163    },
164  },
165  border: {
166    thickness: {
167      normal: '0.0625rem',
168      emphasis: '0.125rem',
169      focus: '0.1875rem',
170      focusOutline: '0.375rem',
171    },
172    radius: {
173      tiny: '0.125rem',
174      xs: '0.25rem',
175      sm: '0.375rem',
176      md: '0.5rem',
177      lg: '0.75rem',
178      xl: '1rem',
179      jumbo: '2rem',
180      interactive: '50%',
181    },
182  },
183  typography: {
184    displayStrong: {
185      family: 'PayPalPro-Black',
186      size: '4rem',
187      sizeInPx: '64px',
188      weight: '400',
189      lineHeight: '4.375rem',
190      lineHeightInPx: '70px',
191      letterSpacing: '-0.04em',
192      maxScaleFactor: '1.25',
193    },
194    displayMedium: {
195      family: 'PayPalPro-Black',
196      size: '4rem',
197      sizeInPx: '64px',
198      weight: '400',
199      lineHeight: '4.375rem',
200      lineHeightInPx: '70px',
201      letterSpacing: '-0.04em',
202      maxScaleFactor: '1.25',
203    },
204    display: {
205      family: 'PayPalPro-Black',
206      size: '4rem',
207      sizeInPx: '64px',
208      weight: '400',
209      lineHeight: '4.375rem',
210      lineHeightInPx: '70px',
211      letterSpacing: '-0.04em',
212      maxScaleFactor: '1.25',
213    },
214    displaySmStrong: {
215      family: 'PayPalPro-Black',
216      size: '2.5rem',
217      sizeInPx: '40px',
218      weight: '400',
219      lineHeight: '2.75rem',
220      lineHeightInPx: '44px',
221      letterSpacing: '-0.04em',
222      maxScaleFactor: '1.25',
223    },
224    displaySmMedium: {
225      family: 'PayPalPro-Black',
226      size: '2.5rem',
227      sizeInPx: '40px',
228      weight: '400',
229      lineHeight: '2.75rem',
230      lineHeightInPx: '44px',
231      letterSpacing: '-0.04em',
232      maxScaleFactor: '1.25',
233    },
234    displaySm: {
235      family: 'PayPalPro-Black',
236      size: '2.5rem',
237      sizeInPx: '40px',
238      weight: '400',
239      lineHeight: '2.75rem',
240      lineHeightInPx: '44px',
241      letterSpacing: '-0.04em',
242      maxScaleFactor: '1.25',
243    },
244    headingLgStrong: {
245      family: 'PayPalPro-Black',
246      size: '2rem',
247      sizeInPx: '32px',
248      weight: '400',
249      lineHeight: '2.25rem',
250      lineHeightInPx: '36px',
251      letterSpacing: '-0.02em',
252      maxScaleFactor: '1.5',
253    },
254    headingLgMedium: {
255      family: 'PayPalPro-Black',
256      size: '2rem',
257      sizeInPx: '32px',
258      weight: '400',
259      lineHeight: '2.25rem',
260      lineHeightInPx: '36px',
261      letterSpacing: '-0.02em',
262      maxScaleFactor: '1.5',
263    },
264    headingLg: {
265      family: 'PayPalPro-Black',
266      size: '2rem',
267      sizeInPx: '32px',
268      weight: '400',
269      lineHeight: '2.25rem',
270      lineHeightInPx: '36px',
271      letterSpacing: '-0.02em',
272      maxScaleFactor: '1.5',
273    },
274    headingSmStrong: {
275      family: 'PayPalPro-Black',
276      size: '1.5rem',
277      sizeInPx: '24px',
278      weight: '400',
279      lineHeight: '2rem',
280      lineHeightInPx: '32px',
281      letterSpacing: '-0.02em',
282      maxScaleFactor: '1.5',
283    },
284    headingSmMedium: {
285      family: 'PayPalPro-Black',
286      size: '1.5rem',
287      sizeInPx: '24px',
288      weight: '400',
289      lineHeight: '2rem',
290      lineHeightInPx: '32px',
291      letterSpacing: '-0.02em',
292      maxScaleFactor: '1.5',
293    },
294    headingSm: {
295      family: 'PayPalPro-Black',
296      size: '1.5rem',
297      sizeInPx: '24px',
298      weight: '400',
299      lineHeight: '2rem',
300      lineHeightInPx: '32px',
301      letterSpacing: '-0.02em',
302      maxScaleFactor: '1.5',
303    },
304    titleStrong: {
305      family: 'PayPalPlain-Bold',
306      size: '1rem',
307      sizeInPx: '16px',
308      weight: '400',
309      lineHeight: '1.25rem',
310      lineHeightInPx: '20px',
311      letterSpacing: '-0.01em',
312      maxScaleFactor: '2',
313    },
314    titleMedium: {
315      family: 'PayPalPlain-Medium',
316      size: '1rem',
317      sizeInPx: '16px',
318      weight: '400',
319      lineHeight: '1.25rem',
320      lineHeightInPx: '20px',
321      letterSpacing: '-0.01em',
322      maxScaleFactor: '2',
323    },
324    title: {
325      family: 'PayPalPlain-Regular',
326      size: '1rem',
327      sizeInPx: '16px',
328      weight: '400',
329      lineHeight: '1.25rem',
330      lineHeightInPx: '20px',
331      letterSpacing: '-0.01em',
332      maxScaleFactor: '2',
333    },
334    bodyStrong: {
335      family: 'PayPalPlain-Bold',
336      size: '0.875rem',
337      sizeInPx: '14px',
338      weight: '400',
339      lineHeight: '1.125rem',
340      lineHeightInPx: '18px',
341      letterSpacing: '-0.02em',
342      maxScaleFactor: '2',
343    },
344    bodyMedium: {
345      family: 'PayPalPlain-Medium',
346      size: '0.875rem',
347      sizeInPx: '14px',
348      weight: '400',
349      lineHeight: '1.125rem',
350      lineHeightInPx: '18px',
351      letterSpacing: '-0.02em',
352      maxScaleFactor: '2',
353    },
354    body: {
355      family: 'PayPalPlain-Regular',
356      size: '0.875rem',
357      sizeInPx: '14px',
358      weight: '400',
359      lineHeight: '1.125rem',
360      lineHeightInPx: '18px',
361      letterSpacing: '-0.02em',
362      maxScaleFactor: '2',
363    },
364    captionStrong: {
365      family: 'PayPalPlain-Bold',
366      size: '0.75rem',
367      sizeInPx: '12px',
368      weight: '400',
369      lineHeight: '1rem',
370      lineHeightInPx: '16px',
371      letterSpacing: '-0.01em',
372      maxScaleFactor: '2',
373    },
374    captionMedium: {
375      family: 'PayPalPlain-Medium',
376      size: '0.75rem',
377      sizeInPx: '12px',
378      weight: '400',
379      lineHeight: '1rem',
380      lineHeightInPx: '16px',
381      letterSpacing: '-0.01em',
382      maxScaleFactor: '2',
383    },
384    caption: {
385      family: 'PayPalPlain-Regular',
386      size: '0.75rem',
387      sizeInPx: '12px',
388      weight: '400',
389      lineHeight: '1rem',
390      lineHeightInPx: '16px',
391      letterSpacing: '-0.01em',
392      maxScaleFactor: '2',
393    },
394    linkLg: {
395      family: 'PayPalPlain-Medium',
396      size: '0.875rem',
397      sizeInPx: '14px',
398      weight: '400',
399      lineHeight: '1.125rem',
400      lineHeightInPx: '18px',
401      letterSpacing: '-0.02em',
402      underline: 'true',
403      maxScaleFactor: '2',
404    },
405    linkSm: {
406      family: 'PayPalPlain-Medium',
407      size: '0.75rem',
408      sizeInPx: '12px',
409      weight: '400',
410      lineHeight: '1rem',
411      lineHeightInPx: '16px',
412      letterSpacing: '-0.01em',
413      underline: 'true',
414      maxScaleFactor: '2',
415    },
416    tagStrong: {
417      family: 'PayPalPlain-Bold',
418      size: '0.625rem',
419      sizeInPx: '10px',
420      weight: '400',
421      lineHeight: '1rem',
422      lineHeightInPx: '16px',
423      letterSpacing: '-0.01em',
424      maxScaleFactor: '2',
425    },
426    tagMedium: {
427      family: 'PayPalPlain-Medium',
428      size: '0.625rem',
429      sizeInPx: '10px',
430      weight: '400',
431      lineHeight: '1rem',
432      lineHeightInPx: '16px',
433      letterSpacing: '-0.01em',
434      maxScaleFactor: '2',
435    },
436    tag: {
437      family: 'PayPalPlain-Regular',
438      size: '0.625rem',
439      sizeInPx: '10px',
440      weight: '400',
441      lineHeight: '1rem',
442      lineHeightInPx: '16px',
443      letterSpacing: '-0.01em',
444      maxScaleFactor: '2',
445    },
446    dataVizStrong: {
447      family: 'PayPalPlain-Bold',
448      size: '0.625rem',
449      sizeInPx: '10px',
450      weight: '400',
451      lineHeight: '0.75rem',
452      lineHeightInPx: '12px',
453      letterSpacing: '-0.01em',
454      maxScaleFactor: '2',
455    },
456    dataVizMedium: {
457      family: 'PayPalPlain-Medium',
458      size: '0.625rem',
459      sizeInPx: '10px',
460      weight: '400',
461      lineHeight: '0.75rem',
462      lineHeightInPx: '12px',
463      letterSpacing: '-0.01em',
464      maxScaleFactor: '2',
465    },
466    dataViz: {
467      family: 'PayPalPlain-Regular',
468      size: '0.625rem',
469      sizeInPx: '10px',
470      weight: '400',
471      lineHeight: '0.75rem',
472      lineHeightInPx: '12px',
473      letterSpacing: '-0.01em',
474      maxScaleFactor: '2',
475    },
476    buttonXl: {
477      family: 'PayPalPro-Black',
478      size: '1.5rem',
479      sizeInPx: '24px',
480      weight: '400',
481      lineHeight: '2rem',
482      lineHeightInPx: '32px',
483      letterSpacing: '-0.02em',
484      maxScaleFactor: '1.5',
485    },
486    buttonLg: {
487      family: 'PayPalPro-Black',
488      size: '0.875rem',
489      sizeInPx: '14px',
490      weight: '400',
491      lineHeight: '1.125rem',
492      lineHeightInPx: '18px',
493      letterSpacing: '-0.02em',
494      maxScaleFactor: '2',
495    },
496    buttonSm: {
497      family: 'PayPalPro-Black',
498      size: '0.75rem',
499      sizeInPx: '12px',
500      weight: '400',
501      lineHeight: '1rem',
502      lineHeightInPx: '16px',
503      letterSpacing: '-0.01em',
504      maxScaleFactor: '2',
505    },
506    fieldLabelLg: {
507      family: 'PayPalPlain-Regular',
508      size: '0.875rem',
509      sizeInPx: '14px',
510      weight: '400',
511      lineHeight: '1.5rem',
512      lineHeightInPx: '24px',
513      letterSpacing: '-0.02em',
514      maxScaleFactor: '2',
515    },
516    fieldLabelSm: {
517      family: 'PayPalPlain-Regular',
518      size: '0.75rem',
519      sizeInPx: '12px',
520      weight: '400',
521      lineHeight: '1.25rem',
522      lineHeightInPx: '20px',
523      letterSpacing: '-0.01em',
524      maxScaleFactor: '2',
525    },
526    fieldPrefixCurrency2Xl: {
527      family: 'PayPalPro-Black',
528      size: '3rem',
529      sizeInPx: '48px',
530      weight: '400',
531      lineHeight: '6.3125rem',
532      lineHeightInPx: '101px',
533      letterSpacing: '-0.02em',
534      maxScaleFactor: '2',
535    },
536    fieldPrefixCurrencyXl: {
537      family: 'PayPalPro-Black',
538      size: '1.5rem',
539      sizeInPx: '24px',
540      weight: '400',
541      lineHeight: '3.625rem',
542      lineHeightInPx: '58px',
543      letterSpacing: '-0.02em',
544      maxScaleFactor: '2',
545    },
546    fieldPrefixCurrencyLg: {
547      family: 'PayPalPro-Black',
548      size: '1.125rem',
549      sizeInPx: '18px',
550      weight: '400',
551      lineHeight: '2.25rem',
552      lineHeightInPx: '36px',
553      letterSpacing: '-0.02em',
554      maxScaleFactor: '2',
555    },
556    fieldPrefixCurrencyMd: {
557      family: 'PayPalPro-Black',
558      size: '1rem',
559      sizeInPx: '16px',
560      weight: '400',
561      lineHeight: '1.75rem',
562      lineHeightInPx: '28px',
563      letterSpacing: '-0.02em',
564      maxScaleFactor: '2',
565    },
566    fieldPrefixCurrencySm: {
567      family: 'PayPalPro-Black',
568      size: '0.75rem',
569      sizeInPx: '12px',
570      weight: '400',
571      lineHeight: '1.5rem',
572      lineHeightInPx: '24px',
573      letterSpacing: '-0.02em',
574      maxScaleFactor: '2',
575    },
576    fieldValueCurrency2Xl: {
577      family: 'PayPalPro-Black',
578      size: '7.5rem',
579      sizeInPx: '120px',
580      weight: '400',
581      lineHeight: '9rem',
582      lineHeightInPx: '144px',
583      letterSpacing: '-0.04em',
584      maxScaleFactor: '2',
585    },
586    fieldValueCurrencyXl: {
587      family: 'PayPalPro-Black',
588      size: '4.25rem',
589      sizeInPx: '68px',
590      weight: '400',
591      lineHeight: '5.125rem',
592      lineHeightInPx: '82px',
593      letterSpacing: '-0.04em',
594      maxScaleFactor: '2',
595    },
596    fieldValueCurrencyLg: {
597      family: 'PayPalPro-Black',
598      size: '3rem',
599      sizeInPx: '48px',
600      weight: '400',
601      lineHeight: '3.625rem',
602      lineHeightInPx: '58px',
603      letterSpacing: '-0.04em',
604      maxScaleFactor: '2',
605    },
606    fieldValueCurrencyMd: {
607      family: 'PayPalPro-Black',
608      size: '2rem',
609      sizeInPx: '32px',
610      weight: '400',
611      lineHeight: '2.25rem',
612      lineHeightInPx: '36px',
613      letterSpacing: '-0.04em',
614      maxScaleFactor: '2',
615    },
616    fieldValueCurrencySm: {
617      family: 'PayPalPro-Black',
618      size: '1.5rem',
619      sizeInPx: '24px',
620      weight: '400',
621      lineHeight: '2rem',
622      lineHeightInPx: '32px',
623      letterSpacing: '-0.04em',
624      maxScaleFactor: '2',
625    },
626    fieldValueXl: {
627      family: 'PayPalPlain-Regular',
628      size: '2.5rem',
629      sizeInPx: '40px',
630      weight: '400',
631      lineHeight: '2.75rem',
632      lineHeightInPx: '44px',
633      letterSpacing: '-0.02em',
634      maxScaleFactor: '1.5',
635    },
636    fieldValueLg: {
637      family: 'PayPalPlain-Regular',
638      size: '1.5rem',
639      sizeInPx: '24px',
640      weight: '400',
641      lineHeight: '2rem',
642      lineHeightInPx: '32px',
643      letterSpacing: '-0.02em',
644      maxScaleFactor: '2',
645    },
646    fieldValueSm: {
647      family: 'PayPalPlain-Regular',
648      size: '0.875rem',
649      sizeInPx: '14px',
650      weight: '400',
651      lineHeight: '1.5rem',
652      lineHeightInPx: '24px',
653      letterSpacing: '-0.02em',
654      maxScaleFactor: '2',
655    },
656    navigationBarStrong: {
657      family: 'PayPalPlain-Bold',
658      size: '0.625rem',
659      sizeInPx: '10px',
660      weight: '400',
661      lineHeight: '0.75rem',
662      lineHeightInPx: '12px',
663      letterSpacing: '0.03em',
664      maxScaleFactor: '2',
665    },
666    navigationBarMedium: {
667      family: 'PayPalPlain-Medium',
668      size: '0.625rem',
669      sizeInPx: '10px',
670      weight: '400',
671      lineHeight: '0.75rem',
672      lineHeightInPx: '12px',
673      letterSpacing: '0.03em',
674      maxScaleFactor: '2',
675    },
676    navigationBar: {
677      family: 'PayPalPlain-Regular',
678      size: '0.625rem',
679      sizeInPx: '10px',
680      weight: '400',
681      lineHeight: '0.75rem',
682      lineHeightInPx: '12px',
683      letterSpacing: '0.03em',
684      maxScaleFactor: '2',
685    },
686    legalStrong: {
687      family: 'PayPalPlain-Bold',
688      size: '0.75rem',
689      sizeInPx: '12px',
690      weight: '400',
691      lineHeight: '1rem',
692      lineHeightInPx: '16px',
693      letterSpacing: '-0.01em',
694      maxScaleFactor: '2',
695    },
696    legalMedium: {
697      family: 'PayPalPlain-Medium',
698      size: '0.75rem',
699      sizeInPx: '12px',
700      weight: '400',
701      lineHeight: '1rem',
702      lineHeightInPx: '16px',
703      letterSpacing: '-0.01em',
704      maxScaleFactor: '2',
705    },
706    legal: {
707      family: 'PayPalPlain-Regular',
708      size: '0.75rem',
709      sizeInPx: '12px',
710      weight: '400',
711      lineHeight: '1rem',
712      lineHeightInPx: '16px',
713      letterSpacing: '-0.01em',
714      maxScaleFactor: '2',
715    },
716  },
717  blur: {
718    interactive: '0.5rem',
719  },
720  color: {
721    background: {
722      main: '#f0f2f9',
723      alt: '#f5f7fa',
724      surface: '#ffffff',
725      surfaceHover: '#cccccc',
726      surfaceActive: '#999999',
727      highContrast: '#000000',
728      mediumContrast: '#696969',
729    },
730    primary: {
731      main: '#000000',
732      mainHover: '#333333',
733      mainActive: '#696969',
734      contrast: '#ffffff',
735      contrastHover: '#cccccc',
736      contrastActive: '#999999',
737      medium: {
738        main: '#333333',
739        mainHover: '#000000',
740        mainActive: '#696969',
741        contrast: '#ffffff',
742      },
743    },
744    secondary: {
745      main: '#0066f5',
746      medium: {
747        main: '#e3f7ff',
748        mainHover: '#008cff',
749        mainActive: '#0057d9',
750        contrast: '#002991',
751      },
752      mainHover: '#0038ba',
753      mainActive: '#3db5ff',
754      contrast: '#ffffff',
755    },
756    tertiary: {
757      main: '#000000',
758      mainHover: '#333333',
759      mainActive: '#696969',
760      contrast: '#f5f7fa',
761      contrastHover: '#cccccc',
762      contrastActive: '#808080',
763    },
764    featured: {
765      main: '#60cdff',
766      mainHover: '#008cff',
767      mainActive: '#e3f7ff',
768      contrast: '#000000',
769    },
770    promotion: {
771      main: '#0057d9',
772      mainHover: '#002991',
773      mainActive: '#008cff',
774      contrast: '#ffffff',
775      medium: {
776        main: '#60cdff',
777        mainHover: '#008cff',
778        mainActive: '#e3f7ff',
779        contrast: '#000000',
780      },
781      light: {
782        main: '#e3f7ff',
783        mainHover: '#60cdff',
784        mainActive: '#008cff',
785        contrast: '#000000',
786      },
787      moderate: {
788        main: '#b8e9ff',
789        mainHover: '#e3f7ff',
790        mainActive: '#60cdff',
791        contrast: '#008cff',
792      },
793      soft: {
794        main: '#e3f7ff',
795        mainHover: '#b8e9ff',
796        mainActive: '#60cdff',
797        contrast: '#008cff',
798      },
799    },
800    unselected: {
801      main: '#696969',
802      mainHover: '#333333',
803      mainActive: '#999999',
804      contrast: '#edf0f2',
805    },
806    selected: {
807      main: '#000000',
808      mainHover: '#333333',
809      mainActive: '#696969',
810      alt: '#0066f5',
811      altHover: '#0038ba',
812      altActive: '#3db5ff',
813      contrast: '#ffffff',
814    },
815    selectedRange: {
816      main: '#b8e9ff',
817      mainHover: '#3db5ff',
818      mainActive: '#0066f5',
819      contrast: '#000000',
820    },
821    link: {
822      main: '#0066f5',
823      mainHover: '#0038ba',
824      mainActive: '#3db5ff',
825      contrast: '#ffffff',
826      contrastHover: '#b8e9ff',
827      contrastActive: '#3db5ff',
828      alt: '#808080',
829      altHover: '#808080',
830      altActive: '#696969',
831    },
832    overlay: {
833      main: 'rgba(0, 0, 0, 0.55)',
834      mainHover: 'rgba(0, 0, 0, 0.5)',
835      mainActive: 'rgba(0, 0, 0, 0.1)',
836      contrast: '#ffffff',
837    },
838    overlayInverse: {
839      main: 'rgba(255, 255, 255, 0.7)',
840      mainHover: 'rgba(255, 255, 255, 0.9)',
841      mainActive: 'rgba(255, 255, 255, 0.5)',
842      contrast: '#000000',
843      light: {
844        main: 'rgba(255, 255, 255, 0.25)',
845        mainHover: 'rgba(255, 255, 255, 0.6)',
846        mainActive: 'rgba(255, 255, 255, 0.04)',
847        contrast: '#ffffff',
848      },
849    },
850    accent1: {
851      main: '#0066f5',
852      contrast: '#ffffff',
853    },
854    accent2: {
855      main: '#60cdff',
856      contrast: '#000000',
857    },
858    accent3: {
859      main: '#002991',
860      contrast: '#ffffff',
861    },
862    accent4: {
863      main: '#1a1a1a',
864      contrast: '#ffffff',
865    },
866    error: {
867      main: '#c31526',
868      mainHover: '#9f111f',
869      mainActive: '#e9585f',
870      contrast: '#ffffff',
871      medium: {
872        main: '#f7d0d1',
873        mainHover: '#e9585f',
874        mainActive: '#c31526',
875        contrast: '#770a0a',
876      },
877    },
878    warning: {
879      main: '#ffaa00',
880      mainHover: '#aa7100',
881      mainActive: '#ffdb93',
882      alt: '#d08b00',
883      contrast: '#000000',
884      medium: {
885        main: '#fff5e1',
886        mainHover: '#ffdb93',
887        mainActive: '#ffaa00',
888        contrast: '#785000',
889      },
890    },
891    success: {
892      main: '#008556',
893      mainHover: '#006b51',
894      mainActive: '#0ac886',
895      contrast: '#ffffff',
896      medium: {
897        main: '#e6faee',
898        mainHover: '#73e6ab',
899        mainActive: '#00a86d',
900        contrast: '#005243',
901      },
902    },
903    system: {
904      main: '#696969',
905      mainHover: '#333333',
906      mainActive: '#999999',
907      contrast: '#ffffff',
908    },
909    info: {
910      main: '#cccccc',
911      mainHover: '#808080',
912      mainActive: '#f5f7fa',
913      contrast: '#000000',
914    },
915    specialty: {
916      main: '#4422bf',
917      mainHover: '#1d0088',
918      mainActive: '#9b80ff',
919      contrast: '#ffffff',
920      medium: {
921        main: '#efebff',
922        mainHover: '#b5a0ff',
923        mainActive: '#7a57f9',
924        contrast: '#1d0088',
925      },
926    },
927    dataViz: {
928      empty: '#edf0f2',
929      value1: '#0066f5',
930      value2: '#e3f7ff',
931    },
932    structure: {
933      borderHighContrast: '#999999',
934      borderLowContrast: '#cccccc',
935      divider: 'rgba(0, 0, 0, 0.1)',
936      focus: '#0066f5',
937      scrim: 'rgba(0, 0, 0, 0.4)',
938      shimmer: '#f0f2f9',
939      shimmerInverse: '#808080',
940      sheen: 'rgba(255, 255, 255, 0.7)',
941      shadow: '#000000',
942      focusOutline: '#0066f5',
943      errorOutline: '#c31526',
944    },
945  },
946}