Color Scheme

Brand colors

Primary brand colors are used for elements that must reflect Ruparupa’s brand. Each color has a darker and a lighter shade.

Lighter

#FF7F45

Primary

#F26525

Darker

#D6561D

Primary

Lighter

#00A6F5

Primary

#008CCF

Darker

#0072A9

Secondary

Lighter

#F4FBFE

Primary

#E5F7FF

Darker

#D7E9F0

Info Blue

Lighter

#FFF043

Primary

#F3E21D

Darker

#DCCC1A

Warning

Lighter

#1E824C

Primary

#049372

Darker

#228B22

Positive

Lighter

#FF3B33

Primary

#F3251D

Darker

#DA221B

Negative

Grayscale colors

Grey colors are used for text, backgrounds, lines and borders. Light Gray and Off-white have two darker shades, which are used for icons and backgrounds.

Primary Gray

#555761

Secondary Gray

#757886

Light Gray

#E0E6ED

Darker

#D4DCE6

Extra Dark

#757885

Icons

Off White

#F9FAFC

Darker

#F0F2F7

Extra Dark

#E5E9F2

Background