Watermelon Mojito

💖 668 likes

Created Apr 26, 2018

6 colors

Color Palette Overview

AE1903

FF5600

9CB805

EAB8A8

89B5AB

1B2A49

Colors and Tints/Shades

10% Lighter	5% Lighter	Original Color	5% Darker	10% Darker
#e22103 Tint -10%	#c91d03 Tint -5%	AE1903 Original	#971602 Shade +5%	#7e1202 Shade +10%
#ff7733 Tint -10%	#ff661a Tint -5%	FF5600 Original	#e64d00 Shade +5%	#cc4400 Shade +10%
#c8ea06 Tint -10%	#b2d105 Tint -5%	9CB805 Original	#889f04 Shade +5%	#738603 Shade +10%
#f4dad2 Tint -10%	#efcabd Tint -5%	EAB8A8 Original	#e5a894 Shade +5%	#e09880 Shade +10%
#a7c8c0 Tint -10%	#97beb5 Tint -5%	89B5AB Original	#78ab9f Shade +5%	#68a194 Shade +10%
#294170 Tint -10%	#22365d Tint -5%	1B2A49 Original	#152038 Shade +5%	#0e1625 Shade +10%

Complete Color Information

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

HEX	RGB	CMYK	Name
AE1903	RGB(174, 25, 3)	CMYK(0, 86, 98, 32)	Red
FF5600	RGB(255, 86, 0)	CMYK(0, 66, 100, 0)	Orange
9CB805	RGB(156, 184, 5)	CMYK(15, 0, 97, 28)	Yellow
EAB8A8	RGB(234, 184, 168)	CMYK(0, 21, 28, 8)	Red
89B5AB	RGB(137, 181, 171)	CMYK(24, 0, 6, 29)	Black
1B2A49	RGB(27, 42, 73)	CMYK(63, 42, 0, 71)	Black

Print Design Considerations

CMYK values for professional printing

AE1903

C:0 M:86 Y:98 K:32

FF5600

C:0 M:66 Y:100 K:0

9CB805

C:15 M:0 Y:97 K:28

EAB8A8

C:0 M:21 Y:28 K:8

89B5AB

C:24 M:0 Y:6 K:29

1B2A49

C:63 M:42 Y:0 K:71

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: AE1903;
  --color-2: FF5600;
  --color-3: 9CB805;
  --color-4: EAB8A8;
  --color-5: 89B5AB;
  --color-6: 1B2A49;
}

Text & Button Examples

See how text and buttons look on each color background

Red AE1903

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.

Orange FF5600

Heading Level 1

Heading Level 2

Heading Level 3

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

Yellow 9CB805

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.

Red EAB8A8

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.

Black 89B5AB

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.

Black 1B2A49

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

Watermelon Mojito

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

Related Color Schemes

night sky!!!!

Midnight Calm

Pastel rainbow

my favorite colors:)