Skip to content

Colour

Colour is how people recognise us.

Colour is one of the most immediate signals of the Oolio brand. Used consistently, our palette creates a unified and compelling presence across every touchpoint. Used carelessly, it undermines recognition and dilutes trust. Oolio Purple should always be the dominant colour in any branded context.


Primary

Oolio Purple

The heart of the Oolio brand. Use for logos, headings, key UI elements, and any context where the brand needs to make a strong visual statement. This is the colour people associate with Oolio. Protect it.

  • HEX #673AB6
  • RGB
  • CMYK
  • Pantone Pantone 266 C

Accent colours

Use to add complementary contrast when needed. Always support the primary colour, never compete with it.

Light Blue

  • HEX #03A9F4
  • RGB
  • CMYK
  • Pantone Pantone 2995 C

Yellow

  • HEX #FFEB3B
  • RGB
  • CMYK
  • Pantone Pantone 107 C

Charcoal

  • HEX #222222
  • RGB
  • CMYK

Other black, white, and greys are automatically included in the palette and may be used freely. Greys work well for supporting text, backgrounds, dividers, and any context where a neutral tone is needed without drawing attention away from the primary palette.


Colour palatte

Available across Oolio products to complement the core brand. These colours are used primarily to differentiate in design and styling.

Red

  • HEX #F44336
  • RGB
  • CMYK
  • Pantone Pantone 1788 C

Pink

  • HEX #E91E63
  • RGB
  • CMYK
  • Pantone Pantone 213 C

Purple

  • HEX #9C27B0
  • RGB
  • CMYK
  • Pantone Pantone 253 C

Deep Purple

  • HEX #673AB6
  • RGB
  • CMYK
  • Pantone Pantone 266 C

Indigo

  • HEX #4050B5
  • RGB
  • CMYK
  • Pantone Pantone 7455 C

Blue

  • HEX #2196F3
  • RGB
  • CMYK
  • Pantone Pantone 2925 C

Light Blue

  • HEX #03A9F4
  • RGB
  • CMYK
  • Pantone Pantone 2995 C

Cyan

  • HEX #00BCD4
  • RGB
  • CMYK
  • Pantone Pantone 311 C

Teal

  • HEX #009688
  • RGB
  • CMYK
  • Pantone Pantone 327 C

Green

  • HEX #4CAF50
  • RGB
  • CMYK
  • Pantone Pantone 7738 C

Light Green

  • HEX #8BC24B
  • RGB
  • CMYK
  • Pantone Pantone 360 C

Lime

  • HEX #CDDC39
  • RGB
  • CMYK
  • Pantone Pantone 380 C

Yellow

  • HEX #FFEB3B
  • RGB
  • CMYK
  • Pantone Pantone 107 C

Amber

  • HEX #FFC008
  • RGB
  • CMYK
  • Pantone Pantone 7549 C

Orange

  • HEX #FF9800
  • RGB
  • CMYK
  • Pantone Pantone 1375 C

Deep Orange

  • HEX #FF5722
  • RGB
  • CMYK
  • Pantone Pantone 172 C

Gradients

Red

  • From #F44336
  • To #E53935

Red/Pink

  • From #F44336
  • To #E91E63

Pink

  • From #E91E63
  • To #D81B60

Pink/Purple

  • From #E91E63
  • To #9C27B0

Purple

  • From #9C27B0
  • To #8E24AA

Purple/Deep Purple

  • From #9C27B0
  • To #673AB6

Deep Purple

  • From #673AB6
  • To #5E35B1

Deep Purple/Indigo

  • From #673AB6
  • To #4050B5

Indigo

  • From #4050B5
  • To #3949AB

Indigo/Blue

  • From #4050B5
  • To #2196F3

Blue

  • From #2196F3
  • To #1E87E4

Blue/Light Blue

  • From #2196F3
  • To #03A9F4

Light Blue

  • From #03A9F4
  • To #049BE5

Light Blue

  • From #03A9F4
  • To #00BCD4

Cyan

  • From #00BCD4
  • To #05ACC1

Cyan/Teal

  • From #00BCD4
  • To #009688

Teal

  • From #009688
  • To #00897B

Teal/Green

  • From #009688
  • To #4CAF50

Green

  • From #4CAF50
  • To #439F46

Green/Light Green

  • From #4CAF50
  • To #8BC24B

Light Green

  • From #8BC24B
  • To #7BB241

Light Green/Lime

  • From #8BC24B
  • To #CDDC39

Lime

  • From #CDDC39
  • To #BEC833

Lime/Yellow

  • From #CDDC39
  • To #FFEB3B

Yellow

  • From #FFEB3B
  • To #FDD836

Yellow/Amber

  • From #FFEB3B
  • To #FFC008

Amber

  • From #FFC008
  • To #FFB300

Amber/Orange

  • From #FFC008
  • To #FF9800

Orange

  • From #FF9800
  • To #FB8C00

Orange/Deep Orange

  • From #FF9800
  • To #FF5722

Deep Orange

  • From #FF5722
  • To #F2501E

Charcoal

  • From #222222
  • To #000000

White

  • From #FFFFFF
  • To #F5F5F5