beachside shenanigans

featuring: strawberry flirt, creamsicle, banana bonanza, flip-flopping, and blue bikini

💖 14,521 likes

Created Mar 9, 2020

5 colors

Color Palette Overview

EE6587

FF7D75

F2FFA5

7CDAB8

4E8AA4

Colors and Tints/Shades

10% Lighter	5% Lighter	Original Color	5% Darker	10% Darker
#f391a9 Tint -10%	#f07a97 Tint -5%	EE6587 Original	#eb4c74 Shade +5%	#e93562 Shade +10%
#ffada8 Tint -10%	#ff948f Tint -5%	FF7D75 Original	#ff645c Shade +5%	#ff4c42 Shade +10%
#f9ffd6 Tint -10%	#f5ffbd Tint -5%	F2FFA5 Original	#edff8a Shade +5%	#eaff70 Shade +10%
#a4e5cd Tint -10%	#90e0c2 Tint -5%	7CDAB8 Original	#68d4ad Shade +5%	#54cfa2 Shade +10%
#6aa1b9 Tint -10%	#5996b1 Tint -5%	4E8AA4 Original	#457b92 Shade +5%	#3c6c80 Shade +10%

Complete Color Information

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

HEX	RGB	CMYK	Name
EE6587	RGB(238, 101, 135)	CMYK(0, 58, 43, 7)	Pink
FF7D75	RGB(255, 125, 117)	CMYK(0, 51, 54, 0)	Red
F2FFA5	RGB(242, 255, 165)	CMYK(5, 0, 35, 0)	Yellow
7CDAB8	RGB(124, 218, 184)	CMYK(43, 0, 16, 15)	Cyan
4E8AA4	RGB(78, 138, 164)	CMYK(52, 16, 0, 36)	Black

Print Design Considerations

CMYK values for professional printing

EE6587

C:0 M:58 Y:43 K:7

FF7D75

C:0 M:51 Y:54 K:0

F2FFA5

C:5 M:0 Y:35 K:0

7CDAB8

C:43 M:0 Y:16 K:15

4E8AA4

C:52 M:16 Y:0 K:36

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: EE6587;
  --color-2: FF7D75;
  --color-3: F2FFA5;
  --color-4: 7CDAB8;
  --color-5: 4E8AA4;
}

Text & Button Examples

See how text and buttons look on each color background

Pink EE6587

Heading Level 1

Heading Level 2

Heading Level 3

This is regular paragraph text on the Pink 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 FF7D75

Heading Level 1

Heading Level 2

Heading Level 3

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

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.

Cyan 7CDAB8

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.

Black 4E8AA4

Heading Level 1

Heading Level 2

Heading Level 3

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

beachside shenanigans

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

Related Color Schemes

night sky!!!!

Midnight Calm

Pastel rainbow

my favorite colors:)