Pastel rainbow

💖 19,609 likes

Created Jul 2, 2019

9 colors

Color Palette Overview

E8CACA

FFE5A8

F8FF97

BCFFA4

A6FFD3

B9E3FF

C1CCFF

E4CFFF

F1CEF4

Colors and Tints/Shades

10% Lighter	5% Lighter	Original Color	5% Darker	10% Darker
#f7eded Tint -10%	#efdcdc Tint -5%	E8CACA Original	#e0b8b8 Shade +5%	#d8a6a6 Shade +10%
#fff4db Tint -10%	#ffedc2 Tint -5%	FFE5A8 Original	#ffdd8f Shade +5%	#ffd675 Shade +10%
#fcffcc Tint -10%	#faffb3 Tint -5%	F8FF97 Original	#f7ff80 Shade +5%	#f5ff66 Shade +10%
#e1ffd6 Tint -10%	#ceffbd Tint -5%	BCFFA4 Original	#a9ff8a Shade +5%	#96ff70 Shade +10%
#dbffed Tint -10%	#c2ffe0 Tint -5%	A6FFD3 Original	#8fffc7 Shade +5%	#75ffba Shade +10%
#ebf7ff Tint -10%	#d1edff Tint -5%	B9E3FF Original	#9ed8ff Shade +5%	#85ceff Shade +10%
#f5f7ff Tint -10%	#dbe2ff Tint -5%	C1CCFF Original	#a8b8ff Shade +5%	#8fa3ff Shade +10%
#ffffff Tint -10%	#f3ebff Tint -5%	E4CFFF Original	#d7b8ff Shade +5%	#c89eff Shade +10%
#fdf7fd Tint -10%	#f7e2f8 Tint -5%	F1CEF4 Original	#eab8ef Shade +5%	#e4a4ea Shade +10%

Complete Color Information

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

HEX	RGB	CMYK	Name
E8CACA	RGB(232, 202, 202)	CMYK(0, 13, 13, 9)	Black
FFE5A8	RGB(255, 229, 168)	CMYK(0, 10, 34, 0)	Orange
F8FF97	RGB(248, 255, 151)	CMYK(3, 0, 41, 0)	Yellow
BCFFA4	RGB(188, 255, 164)	CMYK(26, 0, 36, 0)	Green
A6FFD3	RGB(166, 255, 211)	CMYK(35, 0, 17, 0)	Green
B9E3FF	RGB(185, 227, 255)	CMYK(27, 11, 0, 0)	Blue
C1CCFF	RGB(193, 204, 255)	CMYK(24, 20, 0, 0)	Blue
E4CFFF	RGB(228, 207, 255)	CMYK(11, 19, 0, 0)	White
F1CEF4	RGB(241, 206, 244)	CMYK(1, 16, 0, 4)	Purple

Print Design Considerations

CMYK values for professional printing

E8CACA

C:0 M:13 Y:13 K:9

FFE5A8

C:0 M:10 Y:34 K:0

F8FF97

C:3 M:0 Y:41 K:0

BCFFA4

C:26 M:0 Y:36 K:0

A6FFD3

C:35 M:0 Y:17 K:0

B9E3FF

C:27 M:11 Y:0 K:0

C1CCFF

C:24 M:20 Y:0 K:0

E4CFFF

C:11 M:19 Y:0 K:0

F1CEF4

C:1 M:16 Y:0 K:4

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: E8CACA;
  --color-2: FFE5A8;
  --color-3: F8FF97;
  --color-4: BCFFA4;
  --color-5: A6FFD3;
  --color-6: B9E3FF;
  --color-7: C1CCFF;
  --color-8: E4CFFF;
  --color-9: F1CEF4;
}

Text & Button Examples

See how text and buttons look on each color background

Black E8CACA

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.

Orange FFE5A8

Heading Level 1

Heading Level 2

Heading Level 3

This is regular paragraph text on the Orange 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 F8FF97

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.

Green BCFFA4

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.

Green A6FFD3

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.

Blue B9E3FF

Heading Level 1

Heading Level 2

Heading Level 3

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

Heading Level 1

Heading Level 2

Heading Level 3

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

White E4CFFF

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.

Purple F1CEF4

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.

Related Color Schemes

Discover more beautiful color combinations

Pastel rainbow

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

Related Color Schemes

night sky!!!!

Midnight Calm

my favorite colors:)

beachside shenanigans