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

Colour 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

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)

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

Colour palettes

Color balance for brand

Color balance Hardsell

Color modes

Color Mode

What is it?

Usage