Loading...
 
Skip to main content

Color & Palette
Built around the signature radial gradient from the logo, with supporting navy and neutrals for UI and print.

The brand signature

This radial gradient is the core of the logo. Treat it as a primary brand asset not just a decorative effect. These colors are most frequently used and associated with our brand.

Start:
#28AAE1
Bright Cyan-Blue
End:
#004B78
Deep Blue
Type:
Radial

Core solid colors
Bright Blue

HEX: #28AAE1
RGB: 40, 170, 225
CMYK: 70, 15, 0, 0

Gradient start — Accents
Deep Blue

HEX: #004B78
RGB: 0, 75, 120
CMYK: 100, 75, 30, 10

Gradient end — Primary dark
Navy

HEX: #143C64
RGB: 20, 60, 100
CMYK: 100, 80, 35, 25

Logo secondary
White

HEX: #FFFFFF
RGB: 255, 255, 255
CMYK: 0, 0, 0, 0

Text, Surface

How to use these colors

Do
  • Maintain clear space equal to the 'i' height on all four sides of the mark.
  • Use the SVG source file for all digital to preserve gradient fidelity at any size.
  • Use the logo on white, light-grey, Ocean Deep, or Midnight backgrounds only.

Don't
  • Replace the logo gradient with a linear one
  • Recolour, re-gradient, or alter the two anchor stop values (#28AAE1 / #004B78).
  • Stretch, skew, rotate, or distort the diamond form in any direction.
  • Add drop shadows, glows, outlines, or decorative effects around the logo mark.

Accessibility

Navy (#143C64) on white passes WCAG AA. Bright Blue (#28AAE1) on white is suitable for large text, icons, and UI accents only — it does not meet contrast requirements for body text. Always verify new combinations with a contrast checker. White on Deep Blue (#004B78) and Navy (#143C64) can be used interchangeably.


Secondary

Development

Image


Image

Documentation

Image


Image

Community

Image


Image

Themes

Image


Image

Profiles

Image


Image

Live (formerly known as 'Chat')


Will eventually be live.tiki.org for a Big Blue Button instance.

Image


Image

Branding

Image


Image

Aliases