Colour Palette
We’ve created a bold palette that reflects our brand and how our users should feel when using our products.
Main palette
We prioritise the colour purple for our primary palette, maintaining a consistent and distinctive visual identity. We strongly encourage using our primary brand colour for consistency and adherence to AA accessibility standards, ensuring inclusive and visually appealing content, especially with White or Lunar backgrounds.
Nebula
Equinox
Lunar
White
Extended palette
These are Conduktor's first choice when it comes to colors. Destiny Purple is a rich color and Wisteria builds a soothing, relaxing atmosphere. Use Flamingo for bolder statements, balanced with Spearmint's professional and clean look.
Nebula 10
HEX
#EEE9FF
Nebula
Nebula 60
HEX
#7B57FF
Nebula 80
HEX
#6246B7
Nebula 100
HEX
#392A65
Green 10
HEX
#E4FAEF
Green
Green 50
HEX
#1FD8A4
Green 80
HEX
#29A383
Green 100
HEX
#184230
Pink 10
HEX
#FFDEF2
Pink
Pink 50
HEX
#FF5AC0
Pink 80
HEX
#C24693
Pink 100
HEX
#641B48
Yellow 10
HEX
#FFFDDE
Yellow
Yellow 50
HEX
#FFF35A
Yellow 80
HEX
#CAC048
Yellow 100
HEX
#4A471B
Blue 10
HEX
#DFFBFA
Blue
Blue 50
HEX
#A1FFFC
Blue 80
HEX
#71B2B0
Blue 100
HEX
#284F4D
Red 10
HEX
#FFDEE0
Red
Red 50
HEX
#FF5A78
Red 80
HEX
#C24655
Red 100
HEX
#641B24
Neutrals
We use shades of grey and beige as supporting colours. This empowers our primary brand colours to grab attention, while also creating an approachable atmosphere that makes our content more engaging and relatable to our audience.
Equinox
Equinox 100
HEX
#1D1D23
Equinox 90
HEX
#3D3D49
Equinox 80
HEX
#515161
Equinox 70
#68687D
Equinox 60
HEX
#74748B
Equinox 50
HEX
#A7A7BE
Equinox 40
HEX
#BCBCCD
Equinox 30
HEX
#D1D1DD
Equinox 20
HEX
#E7E7EC
Equinox 10
HEX
#F4F4F7
Lunar
Lunar
HEX
#F2F1EE
White
White
HEX
#FFFFFF
Gradients
These are Conduktor's first choice when it comes to colors. Destiny Purple is a rich color and Wisteria builds a soothing, relaxing atmosphere. Use Flamingo for bolder statements, balanced with Spearmint's professional and clean look.
Gradient
/
Nebula
Nebula 60 to Nebula 50
linear-gradient: 90deg, #7B57FF 0%, #9370FF 100%;
Gradient
/
Equinox
Equinox 100 to Equinox 90
linear-gradient: 90deg, #1D1D23 0%, #3D3D49 100%;
Gradient
/
Mercury
Equinox 100 to Equinox 90
linear-gradient: 90deg, #1D1D23 0%, #3D3D49 100%;
Gradient
/
Neon
Pink 60 to Nebula 50 to #5BA0D3
linear-gradient: 90deg, #FF5AC0 0%, #9370FF 51.5%, #5BA0D3 100%;
Gradient
/
Aurora
Nebula 50 to #5BA0D3 to Green 60
linear-gradient: 90deg, #9370FF 0%, #5BA0D3 50.51%, #1FD8A4 100%;