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