Color System

Brand Colors

Color Name: Primary - Regular

HEX: #715EF6

RGB: 113 - 94 - 246

HSL: 248 - 89 - 67

Color Name: Primary - Dark

HEX: #553EF4

RGB: 85 - 62 - 244

HSL: 248 - 89 - 60

Color Name: Primary - Light

HEX: #7F6F5FE

RGB: 246 - 245 - 254

HSL: 248 - 89 - 98

Color Name: Secondary - Regular

HEX: #20BEC6

RGB: 32 - 190 - 198

HSL: 183 - 72 - 45

Color Name: Secondary - Dark

HEX: #19939A

RGB: 25 - 147 - 154

HSL: 183 - 72 - 35

Color Name: Secondary - Light

HEX: #BDF2F4

RGB: 189 - 242 - 244

HSL: 183 - 72 - 85

Color Name: Tertiary - Regular

HEX: #E3F2DB

RGB: 227 - 242 - 219

HSL: 99 - 47 - 90

Color Name: Tertiary - Dark

HEX: #8AC969

RGB: 138 - 201 - 105

HSL: 99 - 47 - 60

Color Name: Tertiary - Light

HEX: #F3FAF0

RGB: 243 - 250 - 240

HSL: 99 - 47 - 96

UI Greyscale

Color Name: UI Greyscale - White

HEX: #FAFAFA

RGB: 250 -250 - 250

HSL: 0 - 0 - 98

Color Name: UI Greyscale - Grey 1

HEX: #A3A3A3

RGB: 163 - 163 - 163

HSL: 0 - 0 - 64

Color Name: UI Greyscale - Grey 2

HEX: #8F8F8F

RGB: 143 - 143 - 143

HSL: 0 - 0 - 56

Color Name: UI Greyscale - Grey 3

HEX: #7A7A7A

RGB: 122 - 122 - 122

HSL: 0 - 0 - 48

Color Name: UI Greyscale - Grey 4

HEX: #666666

RGB: 102 - 102 - 102

HSL: 0 - 0 - 40

Color Name: UI Greyscale - Grey 5

HEX: #525252

RGB: 82 - 82 - 82

HSL: 0 - 0 - 32

Color Name: UI Greyscale - Grey 6

HEX: #3D3D3D

RGB: 61 - 61 - 61

HSL: 0 - 0 - 24

Color Name: UI Greyscale - Grey 7

HEX: #292929

RGB: 41 - 41 - 41

HSL: 0 - 0 - 16

Color Name: UI Greyscale - Black

HEX: #141414

RGB: 20 - 20 - 20

HSL: 0 - 0 - 8

System Colors

Color Name: Red

HEX: #D70015

RGB: 215 - 0 - 21

HSL: 354 - 100 - 42

Color Name: Orange

HEX: #F79434

RGB: 247 - 148 - 52

HSL: 30 - 92 - 59

Color Name: Yellow

HEX: #FFD426

RGB: 255 - 212 - 38

HSL: 48 - 100 - 57

Color Name: Green

HEX: #009C56

RGB: 0 - 156 - 86

HSL: 153 - 100 - 31

Color Name: Moss Green

HEX: #CBDB2A

RGB: 203 - 219 - 42

HSL: 65 - 71 - 51

Color Name: Mint

HEX: #66D4CF

RGB: 102 - 212 - 207

HSL: 177 - 56 - 62

Color Name: Cyan

HEX: #70D7FF

RGB: 112 - 215 - 255

HSL: 197 - 100 - 72

Color Name: Blue

HEX: #409CFF

RGB: 64 - 156 - 255

HSL: 211 - 100 - 63

Color Name: Royal Blue

HEX: #034EA2

RGB: 3 - 78 - 162

HSL: 212 - 96 - 32

Color Name: Violet

HEX: #812990

RGB: 129 - 41 - 144

HSL: 291 - 56 - 36

Color Name: Pink

HEX: #FF6482

RGB: 255 - 100 - 130

HSL: 348 - 100 - 70

Color Name: Brown

HEX: #7F6545

RGB: 127 - 101 - 69

HSL: 33 - 30 - 38

Color Name: Teal

HEX: #008299

RGB: 0 - 130 - 153

HSL: 189 - 100 - 30

Color Name: Mauve

HEX: #CB9FAC

RGB: 203 - 159 - 172

HSL: 342 - 30 - 71

Color Name: Salmon Pink

HEX: #F79F8C

RGB: 247 - 159 - 140

HSL: 11 - 87 - 76

Gradients

Color Name: Primary Gradient

HEX 1: Seconday Primary Regular- 100%

HEX 2: Tertiary Primary Regular - 100%

HEX 3: #FFFFFF - 100%