asdf

💖 225 likes

Created Apr 11, 2018

11 colors

Color Palette Overview

ebf1dd

0abbef

0d819c

1728cc

4abf7e

fe76f0

17a155

dfedd8

8c34f6

89dbf1

A62F2F

Colors and Tints/Shades

10% Lighter	5% Lighter	Original Color	5% Darker	10% Darker
#ffffff Tint -10%	#f7f9f1 Tint -5%	ebf1dd Original	#e1eacc Shade +5%	#d7e3ba Shade +10%
#36caf7 Tint -10%	#1ec3f6 Tint -5%	0abbef Original	#09a7d7 Shade +5%	#0894bf Shade +10%
#10a9cb Tint -10%	#0f95b3 Tint -5%	0d819c Original	#0b6e84 Shade +5%	#095a6d Shade +10%
#3043e8 Tint -10%	#1a2ee6 Tint -5%	1728cc Original	#1425b8 Shade +5%	#1220a1 Shade +10%
#70cd99 Tint -10%	#5dc68c Tint -5%	4abf7e Original	#3eb172 Shade +5%	#389f66 Shade +10%
#ffa9f6 Tint -10%	#fe8ff3 Tint -5%	fe76f0 Original	#fe5dee Shade +5%	#fe43eb Shade +10%
#1dcd6d Tint -10%	#1ab761 Tint -5%	17a155 Original	#148a49 Shade +5%	#11743d Shade +10%
#fcfdfc Tint -10%	#eef5ea Tint -5%	dfedd8 Original	#d1e5c7 Shade +5%	#c3ddb6 Shade +10%
#a662f8 Tint -10%	#984af7 Tint -5%	8c34f6 Original	#7c19f5 Shade +5%	#6f0aeb Shade +10%
#b6e8f6 Tint -10%	#9fe1f4 Tint -5%	89dbf1 Original	#72d3ee Shade +5%	#5bccec Shade +10%
#c94040 Tint -10%	#bb3535 Tint -5%	A62F2F Original	#932a2a Shade +5%	#7f2424 Shade +10%

Complete Color Information

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

HEX	RGB	CMYK	Name
ebf1dd	RGB(235, 241, 221)	CMYK(2, 0, 8, 5)	White
0abbef	RGB(10, 187, 239)	CMYK(96, 22, 0, 6)	Cyan
0d819c	RGB(13, 129, 156)	CMYK(92, 17, 0, 39)	Cyan
1728cc	RGB(23, 40, 204)	CMYK(89, 80, 0, 20)	Blue
4abf7e	RGB(74, 191, 126)	CMYK(61, 0, 34, 25)	Black
fe76f0	RGB(254, 118, 240)	CMYK(0, 54, 6, 0)	Purple
17a155	RGB(23, 161, 85)	CMYK(86, 0, 47, 37)	Green
dfedd8	RGB(223, 237, 216)	CMYK(6, 0, 9, 7)	Black
8c34f6	RGB(140, 52, 246)	CMYK(43, 79, 0, 4)	Blue
89dbf1	RGB(137, 219, 241)	CMYK(43, 9, 0, 5)	Cyan
A62F2F	RGB(166, 47, 47)	CMYK(0, 72, 72, 35)	Red

Print Design Considerations

CMYK values for professional printing

ebf1dd

C:2 M:0 Y:8 K:5

0abbef

C:96 M:22 Y:0 K:6

0d819c

C:92 M:17 Y:0 K:39

1728cc

C:89 M:80 Y:0 K:20

4abf7e

C:61 M:0 Y:34 K:25

fe76f0

C:0 M:54 Y:6 K:0

17a155

C:86 M:0 Y:47 K:37

dfedd8

C:6 M:0 Y:9 K:7

8c34f6

C:43 M:79 Y:0 K:4

89dbf1

C:43 M:9 Y:0 K:5

A62F2F

C:0 M:72 Y:72 K:35

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: ebf1dd;
  --color-2: 0abbef;
  --color-3: 0d819c;
  --color-4: 1728cc;
  --color-5: 4abf7e;
  --color-6: fe76f0;
  --color-7: 17a155;
  --color-8: dfedd8;
  --color-9: 8c34f6;
  --color-10: 89dbf1;
  --color-11: A62F2F;
}

Text & Button Examples

See how text and buttons look on each color background

White ebf1dd

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.

Cyan 0abbef

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 0d819c

Heading Level 1

Heading Level 2

Heading Level 3

This is regular paragraph text on the Cyan 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.

Blue 1728cc

Heading Level 1

Heading Level 2

Heading Level 3

This is regular paragraph text on the Blue 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 4abf7e

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.

Purple fe76f0

Heading Level 1

Heading Level 2

Heading Level 3

This is regular paragraph text on the Purple 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 17a155

Heading Level 1

Heading Level 2

Heading Level 3

This is regular paragraph text on the Green 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 dfedd8

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.

Blue 8c34f6

Heading Level 1

Heading Level 2

Heading Level 3

This is regular paragraph text on the Blue 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.

Cyan 89dbf1

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.

Red A62F2F

Heading Level 1

Heading Level 2

Heading Level 3

This is regular paragraph text on the Red 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.

Related Color Schemes

Discover more beautiful color combinations

asdf

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

Related Color Schemes

night sky!!!!

Midnight Calm

Pastel rainbow

my favorite colors:)