Title 1

NEW

• Color Class: color-vivid-violet

  Background Class: bg-vivid-violet

  CSS Var: var(--color-vivid-violet)

• Color Class: color-cornflower-blue

  Background Class: bg-cornflower-blue

  CSS Var: var(--color-cornflower-blue)

• Color Class: color-shark

  Background Class: bg-shark

  CSS Var: var(--color-shark)

• Color Class: color-royal-blue

  Background Class: bg-royal-blue

  CSS Var: var(--color-royal-blue)

• Hex: #faf9fe

  Color Class: color-light-gray

  Background Class: bg-light-gray

  CSS Var: var(--color-light-gray)

• Color Class: color-arapawa

  Background Class: bg-arapawa

  CSS Var: var(--color-arapawa)

• Color Class: color-windsor

  Background Class: bg-windsor

  CSS Var: var(--color-windsor)

• Color Class: color-selago

  Background Class: bg-selago

  CSS Var: var(--color-selago)

• Color Class: color-selago-2

  Background Class: bg-selago-2

  CSS Var: var(--color-selago-2)

• Color Class: color-anakiwa

  Background Class: bg-anakiwa

  CSS Var: var(--color-anakiwa)

• Color Class: color-pattens-blue-op70

  Background Class: bg-pattens-blue-op70

  CSS Var: var(--color-pattens-blue-op70)

SBC

• RGB: (44, 42, 07)

  Color Class: color-primary

  Background Class: bg-primary

  CSS Var: var(--color-primary)

• RGB: (42, 73, 140)

  Color Class: color-secondary

  Background Class: bg-secondary

  CSS Var: var(--color-secondary)

• RGB: (19, 109, 180)

  Color Class: color-third

  Background Class: bg-third

  CSS Var: var(--color-third)

• RGB: (89, 82, 157)

  Color Class: color-forth

  Background Class: bg-forth

  CSS Var: var(--color-forth)

• RGB: (82, 46, 123)

  Color Class: color-fifth

  Background Class: bg-fifth

  CSS Var: var(--color-fifth)

• RGB: (116, 52, 138)

  Color Class: color-sixth

  Background Class: bg-sixth

  CSS Var: var(--color-sixth)

OLD BRAND

• HEX: #2c2a6b

  Color Class: color-jacarta

  Background Class: bg-jacarta

  CSS Var: var(--color-jacarta)

• HEX: #2a498c

  Color Class: color-bay-of-many

  Background Class: bg-bay-of-many

  CSS Var: var(--color-bay-of-many)

• HEX: #136db4

  Color Class: color-denim

  Background Class: bg-denim

  CSS Var: var(--color-denim)

• HEX: #59529d

  Color Class: color-butterfly-bush

  Background Class: bg-butterfly-bush

  CSS Var: var(--color-butterfly-bush)

• HEX: #74348a

  Color Class: color-eminence

  Background Class: bg-eminence

  CSS Var: var(--color-eminence)

• HEX: #522e7b

  Color Class: color-minsk

  Background Class: bg-minsk

  CSS Var: var(--color-minsk)

SYSTEM

• HEX: #3B3B3B

  Color Class: color-main

  Background Class: bg-main

  CSS Var: var(--color-text-main)

• HEX: #767676

  Color Class: color-additional-text

  Background Class: bg-additional-text

  CSS Var: var(--color-text-secondary)

• HEX: #67C669

  Color Class: color-success

  Background Class: bg-success

  CSS Var: var(--color-success)

• HEX: #DA3636

  Color Class: color-error

  Background Class: bg-error

  CSS Var: var(--color-error)

• HEX: #DEAD55

  Color Class: color-warning

  Background Class: bg-warning

  CSS Var: var(--color-warning)

• HEX: #483BC8

  Color Class: color-governor-bay

  Background Class: bg-governor-bay

  CSS Var: var(--color-governor-bay)

• HEX: #F6F5FB

  Color Class: color-white-lilac

  Background Class: bg-white-lilac

  CSS Var: var(--color-white-lilac)