Sign in Subscribe

Color

Color

Given our business, the DesignShop brand must be attentive to color. Please rely on Primary Colors in all applications, punctuating copy and graphics with Secondary Colors sparingly and meaningfully.

Core palette
Grayscale

Clean and authoritative, our Primary Colors include black, white, and different grays. This spare yet expressive palette ensures that our designs do not distract viewers from product photography.

White

R 255
G 255
B 255
C 0
M 0
Y 0
K 0
H 0
S 0
B 100


HEX #FFFFFF
PANTONE TBD

Light Gray 1

R 245
G 245
B 247
C 3
M 2
Y 1
K 0
H 240
S 0
B 96


HEX #F5F5F7
PANTONE TBD

Light Gray 2

R 242
G 242
B 242
C 3
M 2
Y 1
K 00
H 240
S 0
B 94


HEX #F2F2F2
PANTONE TBD

Light Gray 3

R 228
G 228
B 228
C 9
M 7
Y 7
K 0
H 240
S 1
B 77


HEX #E4E4E4
PANTONE TBD

Medium Gray 1

R 194
G 194
B 197
C 24
M 19
Y 17
K 0
H 240
S 1
B 77


HEX #C2C2C5
PANTONE TBD

Medium Gray 2

R 134
G 134
B 138
C 50
M 42
Y 39
K 4
H 240
S 2
B 54


HEX #86868A
PANTONE TBD

Medium Gray 2

R 51
G 51
B 51
C 69
M 63
Y 62
K 58
H 240
S 0
B 20


HEX #333333
PANTONE TBD

Black

R 0
G 0
B 0
C 75
M 68
Y 67
K 90
H 240
S 2
B 0


HEX #000000
PANTONE TBD

Core palette
Proportions

A color scheme predominantly composed of 80% white and complemented by 20% grayscale tones provides a clean, minimalist, and balanced visual aesthetic.

Application examples

Core palette
Materials

Using colors extracted from materials such as marble, wood, terrazzo, paint, and more can provide a rich and diverse palette for various applications such as advertising, stationery, and more.

Material

#578569
#B87F53
#979D9E
#B37B77

Color

Core palette
Box

Please refer to the following examples as a guide to ensuring that the visuals displayed on your product screens harmonize with the color palettes found within the DesignShop boxes.

#CFE1F5
Base color
Shades
#D3CABF
Base color
Shades
#2D5A62
Base color
Shades
#7b858f
Base color
Shades

Application examples

Core palette
Type

Our typography is always either black or white, depending on the background of the canvas. Please always choose the text color that provides the best contrast and legibility against the image.

Type on color
Lorem ipsum
Type
Background

Below are the different color combinations when combining our core palette with the DesignShop logo. Adhering to these combinations will ensure consistency across all formats.

1. White on black
2. Black on white
3. White on color
4. Black on color
5. White on image
6. Black on image

Core palette
Don’ts

In order to establish a sense of consistency and recognizability across the visual identity, there are certain things that should be avoided when using the core palette.

1. Do not use colored typography.

2. Do not place typography or logos on images that do not create enough contrast for legibility.

3. Do not combine colors with poor contrast.

4. Do not use gradients as they are not part of our brand.

Specialty palette
Products

Please refer to the color palette below.

Interface Green

R 126
G 198
B 78
C 55
M 0
Y 93
K 0
H 94
S 60
B 77


HEX #7EC64E
PANTONE TBD

Sustainability Green

R 69
G 214
B 44
C 65
M 0
Y 100
K 0
H 110
S 79
B 83


HEX #45D62C
PANTONE TBD

Purple

R 183
G 121
B 244
C 40
M 56
Y 0
K 0
H 270
S 50
B 95


HEX #B779F4
PANTONE TBD

Red

R 255
G 100
B 100
C 0
M 76
Y 53
K 0
H 0
S 60
B 100


HEX #FF6464
PANTONE TBDt

Contrast
Products

Please refer to the color palette below.

Contrast Ratio
8.45 : 1
Pass
Large Text
WCAG AA: Pass
WCAG AAA: Pass

Normal Text
WCAG AA: Pass
WCAG AAA: Pass
Contrast Ratio
1.66 : 1
Fail
Large Text
WCAG AA: Fail
WCAG AAA: Fail

Normal Text
WCAG AA: Pass
WCAG AAA: Pass