GELATO BRANDING

BRAND COLOUR PALETTE SUGGESTIONS

💖 10 likes

Created Mar 5, 2020

13 colors

Color Palette Overview

A2FAF7

AFFAF7

525252

CFFAF7

87D1CF

CE1E45

FA2454

9C1734

353535

DCD0C0

919191

A1FACE

FAF8AA

Colors and Tints/Shades

10% Lighter	5% Lighter	Original Color	5% Darker	10% Darker
#d3fdfb Tint -10%	#bbfbf9 Tint -5%	A2FAF7 Original	#8bf9f5 Shade +5%	#72f8f3 Shade +10%
#ddfdfc Tint -10%	#c5fbfa Tint -5%	AFFAF7 Original	#96f8f5 Shade +5%	#7ef7f3 Shade +10%
#6b6b6b Tint -10%	#5e5e5e Tint -5%	525252 Original	#454545 Shade +5%	#383838 Shade +10%
#ffffff Tint -10%	#e8fdfb Tint -5%	CFFAF7 Original	#baf8f4 Shade +5%	#a3f5f0 Shade +10%
#aadfdd Tint -10%	#97d8d6 Tint -5%	87D1CF Original	#72cac7 Shade +5%	#60c3bf Shade +10%
#e33b5f Tint -10%	#e0244d Tint -5%	CE1E45 Original	#b71a3c Shade +5%	#a11735 Shade +10%
#fc5579 Tint -10%	#fb3c65 Tint -5%	FA2454 Original	#fa0a3e Shade +5%	#e60535 Shade +10%
#c81e43 Tint -10%	#b11b3b Tint -5%	9C1734 Original	#85142c Shade +5%	#6f1125 Shade +10%
#4f4f4f Tint -10%	#424242 Tint -5%	353535 Original	#292929 Shade +5%	#1c1c1c Shade +10%
#efe9e1 Tint -10%	#e6ddd1 Tint -5%	DCD0C0 Original	#d4c4b0 Shade +5%	#cab8a0 Shade +10%
#ababab Tint -10%	#9e9e9e Tint -5%	919191 Original	#858585 Shade +5%	#787878 Shade +10%
#d3fde8 Tint -10%	#bbfbdb Tint -5%	A1FACE Original	#8bf9c2 Shade +5%	#72f8b5 Shade +10%
#fdfcd8 Tint -10%	#fbfac0 Tint -5%	FAF8AA Original	#f9f790 Shade +5%	#f7f578 Shade +10%

Complete Color Information

Professional color data with RGB and CMYK values for all design applications.

HEX	RGB	CMYK	Name
A2FAF7	RGB(162, 250, 247)	CMYK(35, 0, 1, 2)	Cyan
AFFAF7	RGB(175, 250, 247)	CMYK(30, 0, 1, 2)	Cyan
525252	RGB(82, 82, 82)	CMYK(0, 0, 0, 68)	Gray
CFFAF7	RGB(207, 250, 247)	CMYK(17, 0, 1, 2)	White
87D1CF	RGB(135, 209, 207)	CMYK(35, 0, 1, 18)	Black
CE1E45	RGB(206, 30, 69)	CMYK(0, 85, 67, 19)	Pink
FA2454	RGB(250, 36, 84)	CMYK(0, 86, 66, 2)	Pink
9C1734	RGB(156, 23, 52)	CMYK(0, 85, 67, 39)	Pink
353535	RGB(53, 53, 53)	CMYK(0, 0, 0, 79)	Gray
DCD0C0	RGB(220, 208, 192)	CMYK(0, 5, 13, 14)	Black
919191	RGB(145, 145, 145)	CMYK(0, 0, 0, 43)	Gray
A1FACE	RGB(161, 250, 206)	CMYK(36, 0, 18, 2)	Green
FAF8AA	RGB(250, 248, 170)	CMYK(0, 1, 32, 2)	Yellow

Print Design Considerations

CMYK values for professional printing

A2FAF7

C:35 M:0 Y:1 K:2

AFFAF7

C:30 M:0 Y:1 K:2

525252

C:0 M:0 Y:0 K:68

CFFAF7

C:17 M:0 Y:1 K:2

87D1CF

C:35 M:0 Y:1 K:18

CE1E45

C:0 M:85 Y:67 K:19

FA2454

C:0 M:86 Y:66 K:2

9C1734

C:0 M:85 Y:67 K:39

353535

C:0 M:0 Y:0 K:79

DCD0C0

C:0 M:5 Y:13 K:14

919191

C:0 M:0 Y:0 K:43

A1FACE

C:36 M:0 Y:18 K:2

FAF8AA

C:0 M:1 Y:32 K:2

Usage Examples

See how this color scheme works in different design contexts and get inspiration for your projects.

CSS Variables

Use these CSS custom properties in your stylesheets

:root {
  --color-1: A2FAF7;
  --color-2: AFFAF7;
  --color-3: 525252;
  --color-4: CFFAF7;
  --color-5: 87D1CF;
  --color-6: CE1E45;
  --color-7: FA2454;
  --color-8: 9C1734;
  --color-9: 353535;
  --color-10: DCD0C0;
  --color-11: 919191;
  --color-12: A1FACE;
  --color-13: FAF8AA;
}

Text & Button Examples

See how text and buttons look on each color background

Cyan A2FAF7

Heading Level 1

Heading Level 2

Heading Level 3

This is regular paragraph text on the Cyan background. The text color automatically adjusts to dark for optimal readability and accessibility.

Small text and secondary information also maintains good contrast and readability.

Card Title

Card content with subtle background overlay for depth and hierarchy.

Alert Message

Important information displayed with accent border.

Accessibility: This color is detected as light, so dark text provides optimal contrast for readability.

Cyan AFFAF7

Heading Level 1

Heading Level 2

Heading Level 3

This is regular paragraph text on the Cyan background. The text color automatically adjusts to dark for optimal readability and accessibility.

Small text and secondary information also maintains good contrast and readability.

Card Title

Card content with subtle background overlay for depth and hierarchy.

Alert Message

Important information displayed with accent border.

Accessibility: This color is detected as light, so dark text provides optimal contrast for readability.

Gray 525252

Heading Level 1

Heading Level 2

Heading Level 3

This is regular paragraph text on the Gray background. The text color automatically adjusts to light for optimal readability and accessibility.

Small text and secondary information also maintains good contrast and readability.

Card Title

Card content with subtle background overlay for depth and hierarchy.

Alert Message

Important information displayed with accent border.

Accessibility: This color is detected as dark, so light text provides optimal contrast for readability.

White CFFAF7

Heading Level 1

Heading Level 2

Heading Level 3

This is regular paragraph text on the White background. The text color automatically adjusts to dark for optimal readability and accessibility.

Small text and secondary information also maintains good contrast and readability.

Card Title

Card content with subtle background overlay for depth and hierarchy.

Alert Message

Important information displayed with accent border.

Accessibility: This color is detected as light, so dark text provides optimal contrast for readability.

Black 87D1CF

Heading Level 1

Heading Level 2

Heading Level 3

This is regular paragraph text on the Black background. The text color automatically adjusts to dark for optimal readability and accessibility.

Small text and secondary information also maintains good contrast and readability.

Card Title

Card content with subtle background overlay for depth and hierarchy.

Alert Message

Important information displayed with accent border.

Accessibility: This color is detected as light, so dark text provides optimal contrast for readability.

Pink CE1E45

Heading Level 1

Heading Level 2

Heading Level 3

This is regular paragraph text on the Pink background. The text color automatically adjusts to light for optimal readability and accessibility.

Small text and secondary information also maintains good contrast and readability.

Card Title

Card content with subtle background overlay for depth and hierarchy.

Alert Message

Important information displayed with accent border.

Accessibility: This color is detected as dark, so light text provides optimal contrast for readability.

Pink FA2454

Heading Level 1

Heading Level 2

Heading Level 3

This is regular paragraph text on the Pink background. The text color automatically adjusts to light for optimal readability and accessibility.

Small text and secondary information also maintains good contrast and readability.

Card Title

Card content with subtle background overlay for depth and hierarchy.

Alert Message

Important information displayed with accent border.

Accessibility: This color is detected as dark, so light text provides optimal contrast for readability.

Pink 9C1734

Heading Level 1

Heading Level 2

Heading Level 3

This is regular paragraph text on the Pink background. The text color automatically adjusts to light for optimal readability and accessibility.

Small text and secondary information also maintains good contrast and readability.

Card Title

Card content with subtle background overlay for depth and hierarchy.

Alert Message

Important information displayed with accent border.

Accessibility: This color is detected as dark, so light text provides optimal contrast for readability.

Gray 353535

Heading Level 1

Heading Level 2

Heading Level 3

This is regular paragraph text on the Gray background. The text color automatically adjusts to light for optimal readability and accessibility.

Small text and secondary information also maintains good contrast and readability.

Card Title

Card content with subtle background overlay for depth and hierarchy.

Alert Message

Important information displayed with accent border.

Accessibility: This color is detected as dark, so light text provides optimal contrast for readability.

Black DCD0C0

Heading Level 1

Heading Level 2

Heading Level 3

This is regular paragraph text on the Black background. The text color automatically adjusts to dark for optimal readability and accessibility.

Small text and secondary information also maintains good contrast and readability.

Card Title

Card content with subtle background overlay for depth and hierarchy.

Alert Message

Important information displayed with accent border.

Accessibility: This color is detected as light, so dark text provides optimal contrast for readability.

Gray 919191

Heading Level 1

Heading Level 2

Heading Level 3

This is regular paragraph text on the Gray background. The text color automatically adjusts to dark for optimal readability and accessibility.

Small text and secondary information also maintains good contrast and readability.

Card Title

Card content with subtle background overlay for depth and hierarchy.

Alert Message

Important information displayed with accent border.

Accessibility: This color is detected as light, so dark text provides optimal contrast for readability.

Green A1FACE

Heading Level 1

Heading Level 2

Heading Level 3

This is regular paragraph text on the Green background. The text color automatically adjusts to dark for optimal readability and accessibility.

Small text and secondary information also maintains good contrast and readability.

Card Title

Card content with subtle background overlay for depth and hierarchy.

Alert Message

Important information displayed with accent border.

Accessibility: This color is detected as light, so dark text provides optimal contrast for readability.

Yellow FAF8AA

Heading Level 1

Heading Level 2

Heading Level 3

This is regular paragraph text on the Yellow background. The text color automatically adjusts to dark for optimal readability and accessibility.

Small text and secondary information also maintains good contrast and readability.

Card Title

Card content with subtle background overlay for depth and hierarchy.

Alert Message

Important information displayed with accent border.

Accessibility: This color is detected as light, so dark text provides optimal contrast for readability.

Related Color Schemes

Discover more beautiful color combinations

GELATO BRANDING

Color Palette Overview

Colors and Tints/Shades

Complete Color Information

Print Design Considerations

Usage Examples

CSS Variables

Text & Button Examples

Heading Level 1

Heading Level 2

Heading Level 3

Card Title

Alert Message

Heading Level 1

Heading Level 2

Heading Level 3

Card Title

Alert Message

Heading Level 1

Heading Level 2

Heading Level 3

Card Title

Alert Message

Heading Level 1

Heading Level 2

Heading Level 3

Card Title

Alert Message

Heading Level 1

Heading Level 2

Heading Level 3

Card Title

Alert Message

Heading Level 1

Heading Level 2

Heading Level 3

Card Title

Alert Message

Heading Level 1

Heading Level 2

Heading Level 3

Card Title

Alert Message

Heading Level 1

Heading Level 2

Heading Level 3

Card Title

Alert Message

Heading Level 1

Heading Level 2

Heading Level 3

Card Title

Alert Message

Heading Level 1

Heading Level 2

Heading Level 3

Card Title

Alert Message

Heading Level 1

Heading Level 2

Heading Level 3

Card Title

Alert Message

Heading Level 1

Heading Level 2

Heading Level 3

Card Title

Alert Message

Heading Level 1

Heading Level 2

Heading Level 3

Card Title

Alert Message

Related Color Schemes

night sky!!!!

Midnight Calm

Pastel rainbow

my favorite colors:)