Basis
  • Playground

FOUNDATION

  • Typography
  • Spacing
  • Colors
Version 1.53.0

Colors

  • Palettes
  • Accessibility
  • Resources

Greys

Black

#000000

75% Tint

#414141

65% Tint

#595959

30% Tint

#B2B2B2

16% Tint

#D6D6D6

10% Tint

#E5E5E5

7% Tint

#ECECEC

5% Tint

#F2F2F2

3% Tint

#F8F8F8

White

#FFFFFF

Primary

Blue

Solid

#0046AA

80% Tint

#336BBB

60% Tint

#7FA2D4

30% Tint

#B2C7E5

10% Tint

#E5ECF6

Secondary

Light Blue

Solid

#63B8FF

80% Tint

#82C6FF

60% Tint

#B1DBFF

25% Tint

#D8EDFF

15% Tint

#EFF7FF

Pink

Solid

#FF94CA

80% Tint

#FFA9D5

60% Tint

#FFC9E4

30% Tint

#FFDEEF

15% Tint

#FFF4F9

Purple

Solid

#ABA7F6

80% Tint

#BCB9F8

60% Tint

#D5D3FA

30% Tint

#E5E4FC

15% Tint

#F6F6FE

Turquoise

Solid

#0FDBF3

80% Tint

#3FE2F5

60% Tint

#87EDF9

30% Tint

#B7F4FB

10% Tint

#E7FBFD

Highlight

Blue

Solid

#006AFF

80% Tint

#337EF8

50% Tint

#4693FA

30% Tint

#52A0FB

15% Tint

#54ACFF

Pink

Solid

#C31B6C

80% Tint

#CF337F

50% Tint

#E1589B

30% Tint

#ED6FAE

15% Tint

#F682BC

Purple

Solid

#7A65D4

80% Tint

#8472DB

50% Tint

#9386E5

30% Tint

#9C93EC

15% Tint

#A49DF1

Conditional

Positive

Graphics

#1A8450

Text

#1B633C

Attention

Graphics

#F9B845

Text

#414141

Negative

Graphics

#CF000F

Text

#B3000C