← Back to Editor

#F44E7C · #FF888F · #E0CF81 · #6EC7AB · #9C5F6E

cool

A 5-color cool palette · Complete color analysis and application guide

Scene Recommendations Scene Recommendations

Emotion EMOTION

PassionateDynamicWarmCool

Industry INDUSTRY

EntertainmentFMCG

UI Context UI CONTEXT

Sale PromoSocial App

Color Details Color Details

#F44E7C

Rouge · LightCoral · Rose Pink

HEX
#F44E7C
RGB
rgb(244, 78, 124)
HSL
hsl(343, 88%, 63%)
HSB
hsb(343, 68%, 96%)
CMYK
cmyk(0%, 68%, 49%, 4%)
Oklch
oklch(66.6% 0.203 8.0)

Traditional「Rouge」· Paint「Rose Pink」· Creative Rose Petal

#FF888F

Peach Pink · LightCoral · Coral Red

HEX
#FF888F
RGB
rgb(255, 136, 143)
HSL
hsl(356, 100%, 77%)
HSB
hsb(356, 47%, 100%)
CMYK
cmyk(0%, 47%, 44%, 0%)
Oklch
oklch(76.0% 0.144 17.4)

Traditional「Peach Pink」· Paint「Coral Red」· Creative Rose Petal

#E0CF81

Ginger · BurlyWood · Sunflower

HEX
#E0CF81
RGB
rgb(224, 207, 129)
HSL
hsl(49, 61%, 69%)
HSB
hsb(49, 42%, 88%)
CMYK
cmyk(0%, 8%, 42%, 12%)
Oklch
oklch(85.1% 0.100 97.4)

Traditional「Ginger」· Paint「Sunflower」· Creative Lemon Fizz

#6EC7AB

Jade · MediumAquaMarine · Lake Green

HEX
#6EC7AB
RGB
rgb(110, 199, 171)
HSL
hsl(161, 44%, 61%)
HSB
hsb(161, 45%, 78%)
CMYK
cmyk(45%, 0%, 14%, 22%)
Oklch
oklch(76.6% 0.096 171.2)

Traditional「Jade」· Paint「Lake Green」· Creative Arctic Pool

#9C5F6E

Crimson · Gray · Passion Red

HEX
#9C5F6E
RGB
rgb(156, 95, 110)
HSL
hsl(345, 24%, 49%)
HSB
hsb(345, 39%, 61%)
CMYK
cmyk(0%, 39%, 29%, 39%)
Oklch
oklch(55.8% 0.081 4.1)

Traditional「Crimson」· Paint「Passion Red」· Creative Blush Sunrise

Color Harmonies Color Harmonies

Based on color wheel theory, calculated from primary color

Complementary

F44E7C
4EF4C5

Analogous

F44ED0
F44E7C
F4724E

Triadic

F44E7C
7DF44E
4E7DF4

Split-Comp.

F44E7C
4EF472
4ED0F4

Tetradic

F44E7C
D0F44E
4EF4C5
724EF4

Contrast Matrix WCAG 2.1 Contrast

F44E7C
FF888F
E0CF81
6EC7AB
9C5F6E
—
1.5
Fail
2.2
Fail
1.7
Fail
1.5
Fail
1.5
Fail
—
1.5
Fail
1.1
Fail
2.1
Fail
2.2
Fail
1.5
Fail
—
1.3
Fail
3.1
AA Large
1.7
Fail
1.1
Fail
1.3
Fail
—
2.4
Fail
1.5
Fail
2.1
Fail
3.1
AA Large
2.4
Fail
—
White BG
3.4AA Large
2.3Fail
1.6Fail
2.0Fail
4.9AA
Black BG
6.2AA
9.2AAA
13.4AAA
10.4AAA
4.3AA Large

Color Blindness Simulation Color Blindness Simulation

Protanopia

ACAB71
CBCA8D
D9D894
9595B2
82816A

Deuteranopia

B6C26E
D2DB8D
DADB98
8F89B3
858A6A

Tritanopia

EC6866
F98C8C
DFA3A6
72B7B8
996867

Achromatopsia

858585
ACACAC
CBCBCB
A9A9A9
737373

Shades & Tints Shades & Tints

#F44E7C

Dark
Light

#FF888F

Dark
Light

#E0CF81

Dark
Light

Code Snippets Code Snippets

CSS Custom Properties

:root {
  --color-1: #f44e7c;
  --color-2: #ff888f;
  --color-3: #e0cf81;
  --color-4: #6ec7ab;
  --color-5: #9c5f6e;
}

SCSS

$color-1: #f44e7c;
$color-2: #ff888f;
$color-3: #e0cf81;
$color-4: #6ec7ab;
$color-5: #9c5f6e;

TAILWIND

colors: {
  'brand-1': '#f44e7c',
  'brand-2': '#ff888f',
  'brand-3': '#e0cf81',
  'brand-4': '#6ec7ab',
  'brand-5': '#9c5f6e',
}

RGB Array

[244, 78, 124], [255, 136, 143], [224, 207, 129], [110, 199, 171], [156, 95, 110]

FAQ FAQ

What scenarios is this 5-color palette suitable for?

This cool-style palette of #F44E7C, #FF888F, #E0CF81, #6EC7AB, #9C5F6E is ideal for: social media posters, mobile apps, e-commerce promos. Vivid colors effectively attract user attention. It is a vibrant and energetic choice among 5-color palettes.

How to use this palette in CSS or frontend projects?

Copy the CSS variables directly: --color-1: #f44e7c; --color-2: #ff888f; --color-3: #e0cf81; --color-4: #6ec7ab; --color-5: #9c5f6e. LangColor editor supports one-click export to CSS, SCSS, Tailwind, JSON and more. Click the "Export" button to choose your format.

What UI/UX design tips apply to this palette?

Medium-brightness colors suit brand primary and accent colors. Use the darkest for text, lightest for backgrounds, and mid-tones for emphasis. Use the "Contrast Matrix" tool in LangColor editor to check WCAG accessibility levels for every color pair.

Which industries or brands suit this palette?

This cool-style 5-color scheme is especially suited for food & dining, entertainment, kids education, social industries. Bold colors convey vitality and innovation. Click "AI Analysis" in the editor for more detailed brand color suggestions.

🎨 Open this palette in Editor →

Generated by LangColor online color tool · Breaking the barrier between language and color