Colour

Colour classes

• Text colours

• class: c-yellow

• class: c-pink

• class: c-green

• Colour blocks

• class: block c-yellow

• class: block c-pink

• class: block c-green

• CSS colours

• --color-yellow

• --color-pink

• --color-green

Colour scales

Fades

• #45d10a00 0%, #45d10a 100%

• #e4ae0000 0%, #e4ae00 100%

• #ffadd500 0%, #ffadd5 100%

Divergent

• #45d10a 0%, #45d10a00 50%, #ffadd5 100%

• #ffadd5 0%, #ffadd500 50%, #e4ae00 100%

White to colour

• white 0%, #e4ae00 100%

• white 0%, #45d10a 100%

• white 0%, #ffadd5 100%

Bi-colour

• #45d10a 0%, #ffadd5 100%

• #ffadd5 0%, #e4ae00 100%