Colors – Notino

Colors

Primary colours

These main colours create the basic visual character of the brand.

Notino Strong Pink

#DC0069

Notino Sky Blue

#8695CA

Notino Black

#000000

Notino Nude

#E6BCAA

Notino White

#FFFFFF

Notino Strong Pink

rgb(220, 0, 105)

Notino Sky Blue

rgb(134, 149, 202)

Notino Black

rgb(0, 0, 0)

Notino Nude

rgb(230, 188, 170)

Notino White

rgb(255, 255, 255)

Notino Strong Pink

0-95-27-0

Notino Sky Blue

45-29-0-0

Notino Black

0-0-0-100

Notino Nude

0-26-19-0

Notino White

0-0-0-0

Notino Strong Pink

214 C

Notino Sky Blue

7452 C

Notino Black

Process Black C

Notino Nude

488 C

Notino White

Process White C

Notino Strong Pink

214 U

Notino Sky Blue

7452 U

Notino Black

Process Black U

Notino Nude

488 U

Notino White

Process White U

Notino Strong Pink

RAL 4010

Notino Sky Blue

RAL 300 60 35

Notino Black

RAL 9017

Notino Nude

RAL 040 80 20

Notino White

RAL 9016

Notino Strong Pink

S2065-R20B

Notino Sky Blue

S1555-R70B

Notino Black

S9000-N

Notino Nude

S1515-Y50R

Notino White

S0300-N

Secondary colours

Secondary colours in the visual identity serve to expand the main colour palette and provide greater visual variation. They help to highlight important elements and create contrast for better legibility and aesthetic impression.

Bronze Satin

#CA5932

Indian Red

#CD5F62

Camellia Rose

#DE617D

Plum Dust

#AA4A93

Amethyst Blue

#9A84CA

Tourmaline Blue

#4E96D1

Glacier

#79B3C0

Tan

#DFC4A2

Chameleon Skin

#CCDBAA

Yellow Dragon

#F9E483

Bronze Satin

rgb(202, 89, 50)

Indian Red

rgb(205, 95, 98)

Camellia Rose

rgb(222, 97, 125)

Plum Dust

rgb(170, 74, 147)

Amethyst Blue

rgb(154, 132, 202)

Tourmaline Blue

rgb(78, 150, 209)

Glacier

rgb(121, 179, 192)

Tan

rgb(223, 196, 162)

Chameleon Skin

rgb(204, 219, 170)

Yellow Dragon

rgb(249, 228, 131)

Bronze Satin

0-75-90-0

Indian Red

0-75-54-0

Camellia Rose

0-75-35-0

Plum Dust

35-84-0-0

Amethyst Blue

47-51-0-0

Tourmaline Blue

70-30-0-0

Glacier

65-5-25-0

Tan

10-25-40-0

Chameleon Skin

30-0-40-0

Yellow Dragon

0-10-58-0

Bronze Satin

7579 C

Indian Red

2032 C

Camellia Rose

7423 C

Plum Dust

2062 C

Amethyst Blue

2086 C

Tourmaline Blue

2381 C

Glacier

2218 C

Tan

726 C

Chameleon Skin

580 C

Yellow Dragon

2002 C

Bronze Satin

7579 U

Indian Red

2032 U

Camellia Rose

7423 U

Plum Dust

2062 U

Amethyst Blue

2086 U

Tourmaline Blue

2381 U

Glacier

2218 U

Tan

726 U

Chameleon Skin

580 U

Yellow Dragon

2002 U

Bronze Satin

N/A

Indian Red

N/A

Camellia Rose

N/A

Plum Dust

N/A

Amethyst Blue

N/A

Tourmaline Blue

N/A

Glacier

N/A

Tan

N/A

Chameleon Skin

N/A

Yellow Dragon

N/A

Bronze Satin

N/A

Indian Red

N/A

Camellia Rose

N/A

Plum Dust

N/A

Amethyst Blue

N/A

Tourmaline Blue

N/A

Glacier

N/A

Tan

N/A

Chameleon Skin

N/A

Yellow Dragon

N/A

Gradients

Examples of gradients used within a brand.

Notino Sky Blue

#8695CA

Notino Strong Pink

#DC0069

Notino Strong Pink

#DC0069

Notino Nude Pink

#E6BCAA

Shades of color palettes

Colour palettes allow us to create digital environments (apps, web) with sufficient contrast and accessibility of all elements.

Notino White

#ffffff

Pink 100

#f8cce1

Pink 200

#f199c3

Pink 300

#ea66a5

Pink 400

#e33387

Strong Pink

#dc0069

Pink 600

#b00054

Pink 700

#84003f

Pink 800

#58002a

Pink 900

#2c0015

Notino Black

#000000

Notino White

#ffffff

Silver 100

#e6e6e6

Silver 200

#cccccc

Silver 300

#b3b3b3

Silver 400

#999999

Silver 500

#808080

Silver 600

#666666

Silver 700

#4d4d4d

Silver 800

#333333

Silver 900

#1a1a1a

Notino Black

#000000

Notino White

#ffffff

Blue 100

#e7eaf4

Blue 200

#cfd5ea

Blue 300

#b6bfdf

Blue 400

#9eaad5

Sky Blue

#8695ca

Blue 600

#5a6aa2

Blue 700

#384679

Blue 800

#1d2851

Blue 900

#0b1128

Notino Black

#000000

Notino White

#ffffff

Nude 100

#faf2ee

Nude 200

#f5e4dd

Nude 300

#f0d7cc

Nude 400

#ebc9bb

Nude Pink

#e6bcaa

Nude 600

#b89688

Nude 700

#8a7166

Nude 800

#5c4b44

Nude 900

#2e2622

Notino Black

#000000

Notino White

#ffffff

Bronze Satin 100

#f4ded6

Bronze Satin 200

#eabdad

Bronze Satin 300

#df9b84

Bronze Satin 400

#d57a5b

Bronze Satin

#ca5932

Bronze Satin 600

#a24728

Bronze Satin 700

#79351e

Bronze Satin 800

#512414

Bronze Satin 900

#28120a

Notino Black

#000000

Notino White

#ffffff

Indian Red 100

#f5dfe0

Indian Red 200

#ebbfc0

Indian Red 300

#e19fa1

Indian Red 400

#d77f81

Indian Red

#cd5f62

Indian Red 600

#a44c4e

Indian Red 700

#7b393b

Indian Red 800

#522627

Indian Red 900

#291314

Notino Black

#000000

Notino White

#ffffff

Camellia Rose 100

#f8dfe5

Camellia Rose 200

#f2c0cb

Camellia Rose 300

#eba0b1

Camellia Rose 400

#e58197

Camellia Rose

#de617d

Camellia Rose 600

#b24e64

Camellia Rose 700

#853a4b

Camellia Rose 800

#592732

Camellia Rose 900

#2c1319

Notino Black

#000000

Notino White

#ffffff

Plum Dust 100

#eedbe9

Plum Dust 200

#ddb7d4

Plum Dust 300

#cc92be

Plum Dust 400

#bb6ea9

Plum Dust

#aa4a93

Plum Dust 600

#883b76

Plum Dust 700

#662c58

Plum Dust 800

#441e3b

Plum Dust 900

#220f1d

Notino Black

#000000

Notino White

#ffffff

Amethyst Blue 100

#ebe6f4

Amethyst Blue 200

#d7ceea

Amethyst Blue300

#c2b5df

Amethyst Blue 400

#ae9dd5

Amethyst Blue

#9a84ca

Amethyst Blue 600

#7059a2

Amethyst Blue 700

#4b3779

Amethyst Blue 800

#2d1c51

Amethyst Blue 900

#140a28

Notino Black

#000000

Notino White

#ffffff

Tourmaline Blue 100

#dceaf6

Tourmaline Blue200

#b8d5ed

Tourmaline Blue 300

#95c0e3

Tourmaline Blue 400

#71abda

Tourmaline Blue

#4e96d1

Tourmaline Blue600

#3e78a7

Tourmaline Blue 700

#2f5a7d

Tourmaline Blue800

#1f3c54

Tourmaline Blue 900

#101e2a

Notino Black

#000000

Notino White

#ffffff

Glacier 100

#e4f0f2

Glacier 200

#c9e1e6

Glacier 300

#afd1d9

Glacier 400

#94c2cd

Glacier

#79b3c0

Glacier 600

#518c9a

Glacier 700

#326773

Glacier 800

#19434d

Glacier 900

#092126

Notino Black

#000000

Notino White

#ffffff

Tan 100

#f9f3ec

Tan 200

#f2e7da

Tan 300

#ecdcc7

Tan 400

#e5d0b5

Tan

#dfc4a2

Tan 600

#b29d82

Tan 700

#867661

Tan 800

#594e41

Tan 900

#2d2720

Notino Black

#000000

Notino White

#ffffff

Chameleon Skin 100

#f5f8ee

Chameleon Skin 200

#ebf1dd

Chameleon Skin 300

#e0e9cc

Chameleon Skin 400

#d6e2bb

Chameleon Skin

#ccdbaa

Chameleon Skin 600

#9eaf77

Chameleon Skin 700

#73834c

Chameleon Skin 800

#4a582a

Chameleon Skin 900

#232c11

Notino Black

#000000

Notino White

#ffffff

Yellow Dragon 100

#fefae6

Yellow Dragon 200

#fdf4cd

Yellow Dragon 300

#fbefb5

Yellow Dragon 400

#fae99c

Yellow Dragon

#f9e483

Yellow Dragon 600

#c7b356

Yellow Dragon 700

#958431

Yellow Dragon 800

#645617

Yellow Dragon 900

#322a06

Notino Black

#000000

Notino White

rgb(255, 255, 255)

Pink 100

rgb(248, 204, 225)

Pink 200

rgb(241, 153, 195)

Pink 300

rgb(234, 102, 165)

Pink 400

rgb(227, 51, 135)

Strong Pink

rgb(220, 0, 105)

Pink 600

rgb(176, 0, 84)

Pink 700

rgb(132, 0, 63)

Pink 800

rgb(88, 0, 42)

Pink 900

rgb(44, 0, 21)

Notino Black

rgb(0, 0, 0)

Notino White

rgb(255, 255, 255)

Silver 100

rgb(230, 230, 230)

Silver 200

rgb(204, 204, 204)

Silver 300

rgb(179, 179, 179)

Silver 400

rgb(153, 153, 153)

Silver 500

rgb(128, 128, 128)

Silver 600

rgb(102, 102, 102)

Silver 700

rgb(77, 77, 77)

Silver 800

rgb(51, 51, 51)

Silver 900

rgb(26, 26, 26)

Notino Black

rgb(0, 0, 0)

Notino White

rgb(255, 255, 255)

Blue 100

rgb(231, 234, 244)

Blue 200

rgb(207, 213, 234)

Blue 300

rgb(182, 191, 223)

Blue 400

rgb(158, 170, 213)

Sky Blue

rgb(134, 149, 202)

Blue 600

rgb(90, 106, 162)

Blue 700

rgb(56, 70, 121)

Blue 800

rgb(29, 40, 81)

Blue 900

rgb(11, 17, 40)

Notino Black

rgb(0, 0, 0)

Notino White

rgb(255, 255, 255)

Nude 100

rgb(250, 242, 238)

Nude 200

rgb(245, 228, 221)

Nude 300

rgb(240, 215, 204)

Nude 400

rgb(235, 201, 187)

Nude Pink

rgb(230, 188, 170)

Nude 600

rgb(184, 150, 136)

Nude 700

rgb(138, 113, 102)

Nude 800

rgb(92, 75, 68)

Nude 900

rgb(46, 38, 34)

Notino Black

rgb(0, 0, 0)

Notino White

rgb(255, 255, 255)

Bronze Satin 100

rgb(244, 222, 214)

Bronze Satin 200

rgb(234, 189, 173)

Bronze Satin 300

rgb(223, 155, 132)

Bronze Satin 400

rgb(213, 122, 91)

Bronze Satin

rgb(202, 89, 50)

Bronze Satin 600

rgb(162, 71, 40)

Bronze Satin 700

rgb(121, 53, 30)

Bronze Satin 800

rgb(81, 36, 20)

Bronze Satin 900

rgb(40, 18, 10)

Notino Black

rgb(0, 0, 0)

Notino White

rgb(255, 255, 255)

Indian Red 100

rgb(245, 223, 224)

Indian Red 200

rgb(235, 191, 192)

Indian Red 300

rgb(225, 159, 161)

Indian Red 400

rgb(215, 127, 129)

Indian Red

rgb(205, 95, 98)

Indian Red 600

rgb(164, 76, 78)

Indian Red 700

rgb(123, 57, 59)

Indian Red 800

rgb(82, 38, 39)

Indian Red 900

rgb(41, 19, 20)

Notino Black

rgb(0, 0, 0)

Notino White

rgb(255, 255, 255)

Camellia Rose 100

rgb(248, 223, 229)

Camellia Rose 200

rgb(242, 192, 203)

Camellia Rose 300

rgb(235, 160, 177)

Camellia Rose 400

rgb(229, 129, 151)

Camellia Rose

rgb(222, 97, 125)

Camellia Rose 600

rgb(178, 78, 100)

Camellia Rose 700

rgb(133, 58, 75)

Camellia Rose 800

rgb(89, 39, 50)

Camellia Rose 900

rgb(44, 19, 25)

Notino Black

rgb(0, 0, 0)

Notino White

rgb(255, 255, 255)

Plum Dust 100

rgb(238, 219, 233)

Plum Dust 200

rgb(221, 183, 212)

Plum Dust 300

rgb(204, 146, 190)

Plum Dust 400

rgb(187, 110, 169)

Plum Dust

rgb(170, 74, 147)

Plum Dust 600

rgb(136, 59, 118)

Plum Dust 700

rgb(102, 44, 88)

Plum Dust 800

rgb(68, 30, 59)

Plum Dust 900

rgb(34, 15, 29)

Notino Black

rgb(0, 0, 0)

Notino White

rgb(255, 255, 255)

Amethyst Blue 100

rgb(235, 230, 244)

Amethyst Blue 200

rgb(215, 206, 234)

Amethyst Blue300

rgb(194, 181, 223)

Amethyst Blue 400

rgb(174, 157, 213)

Amethyst Blue

rgb(154, 132, 202)

Amethyst Blue 600

rgb(112, 89, 162)

Amethyst Blue 700

rgb(75, 55, 121)

Amethyst Blue 800

rgb(45, 28, 81)

Amethyst Blue 900

rgb(20, 10, 40)

Notino Black

rgb(0, 0, 0)

Notino White

rgb(255, 255, 255)

Tourmaline Blue 100

rgb(220, 234, 246)

Tourmaline Blue200

rgb(184, 213, 237)

Tourmaline Blue 300

rgb(149, 192, 227)

Tourmaline Blue 400

rgb(113, 171, 218)

Tourmaline Blue

rgb(78, 150, 209)

Tourmaline Blue600

rgb(62, 120, 167)

Tourmaline Blue 700

rgb(47, 90, 125)

Tourmaline Blue800

rgb(31, 60, 84)

Tourmaline Blue 900

rgb(16, 30, 42)

Notino Black

rgb(0, 0, 0)

Notino White

rgb(255, 255, 255)

Glacier 100

rgb(228, 240, 242)

Glacier 200

rgb(201, 225, 230)

Glacier 300

rgb(175, 209, 217)

Glacier 400

rgb(148, 194, 205)

Glacier

rgb(121, 179, 192)

Glacier 600

rgb(81, 140, 154)

Glacier 700

rgb(50, 103, 115)

Glacier 800

rgb(25, 67, 77)

Glacier 900

rgb(9, 33, 38)

Notino Black

rgb(0, 0, 0)

Notino White

rgb(255, 255, 255)

Tan 100

rgb(249, 243, 236)

Tan 200

rgb(242, 231, 218)

Tan 300

rgb(236, 220, 199)

Tan 400

rgb(229, 208, 181)

Tan

rgb(223, 196, 162)

Tan 600

rgb(178, 157, 130)

Tan 700

rgb(134, 118, 97)

Tan 800

rgb(89, 78, 65)

Tan 900

rgb(45, 39, 32)

Notino Black

rgb(0, 0, 0)

Notino White

rgb(255, 255, 255)

Chameleon Skin 100

rgb(245, 248, 238)

Chameleon Skin 200

rgb(235, 241, 221)

Chameleon Skin 300

rgb(224, 233, 204)

Chameleon Skin 400

rgb(214, 226, 187)

Chameleon Skin

rgb(204, 219, 170)

Chameleon Skin 600

rgb(158, 175, 119)

Chameleon Skin 700

rgb(115, 131, 76)

Chameleon Skin 800

rgb(74, 88, 42)

Chameleon Skin 900

rgb(35, 44, 17)

Notino Black

rgb(0, 0, 0)

Notino White

rgb(255, 255, 255)

Yellow Dragon 100

rgb(254, 250, 230)

Yellow Dragon 200

rgb(253, 244, 205)

Yellow Dragon 300

rgb(251, 239, 181)

Yellow Dragon 400

rgb(250, 233, 156)

Yellow Dragon

rgb(249, 228, 131)

Yellow Dragon 600

rgb(199, 179, 86)

Yellow Dragon 700

rgb(149, 132, 49)

Yellow Dragon 800

rgb(100, 86, 23)

Yellow Dragon 900

rgb(50, 42, 6)

Notino Black

rgb(0, 0, 0)

Color balance for brand

Proportional use of colors within the visual style.

Color balance Hardsell

For hard selling, you can use color balance with more emphasis on colors

Color modes

Color modes (HEX, RGB, CMYK, Pantone, RAL, NCS) represent different color definition systems used in various media and technologies. The table below explains their usage for proper logo display on screens, in print, or physical materials.

Color Mode	What is it?	Usage
HEX	RGB Equivalent (hexadecimal)	WEBHTMLCSS
RGB	Color Space of Screens RGB	WEBHTMLCSS
CMYK	Color Space for Printers CMYK	PRINT
Pantone	Direct Mixed Colors Pantone for printing	PRINT
RAL	Color matching system RAL for physical objects	INDUSTRIAL
NCS	Natural Color System NCS based on human perception	INDUSTRIALDESIGN

Colors

Primary colours

Secondary colours

Gradients

Shades of color palettes

Color balance for brand

Color balance Hardsell

Color modes

Color Mode

What is it?

Usage