← Back to Editor

#CC6566 · #FE8D6D · #EFB882 · #FFC49D · #D6F6FF

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

#CC6566

Crimson · LightCoral · Passion Red

HEX
#CC6566
RGB
rgb(204, 101, 102)
HSL
hsl(359, 50%, 60%)
HSB
hsb(359, 50%, 80%)
CMYK
cmyk(0%, 50%, 50%, 20%)
Oklch
oklch(62.9% 0.131 20.9)

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

#FE8D6D

Peach Pink · Salmon · Coral Red

HEX
#FE8D6D
RGB
rgb(254, 141, 109)
HSL
hsl(13, 99%, 71%)
HSB
hsb(13, 57%, 100%)
CMYK
cmyk(0%, 44%, 57%, 0%)
Oklch
oklch(75.9% 0.145 36.7)

Traditional「Peach Pink」· Paint「Coral Red」· Creative Blush Sunrise

#EFB882

Goose Yellow · BurlyWood · Warm Sun

HEX
#EFB882
RGB
rgb(239, 184, 130)
HSL
hsl(30, 77%, 72%)
HSB
hsb(30, 46%, 94%)
CMYK
cmyk(0%, 23%, 46%, 6%)
Oklch
oklch(82.1% 0.095 65.3)

Traditional「Goose Yellow」· Paint「Warm Sun」· Creative Honey Glow

#FFC49D

Apricot · Wheat · Peach Orange

HEX
#FFC49D
RGB
rgb(255, 196, 157)
HSL
hsl(24, 100%, 81%)
HSB
hsb(24, 38%, 100%)
CMYK
cmyk(0%, 23%, 38%, 0%)
Oklch
oklch(86.4% 0.085 54.8)

Traditional「Apricot」· Paint「Peach Orange」· Creative Honey Glow

#D6F6FF

Sky Blue · Lavender · Glacier Blue

HEX
#D6F6FF
RGB
rgb(214, 246, 255)
HSL
hsl(193, 100%, 92%)
HSB
hsb(193, 16%, 100%)
CMYK
cmyk(16%, 4%, 0%, 0%)
Oklch
oklch(95.3% 0.035 216.5)

Traditional「Sky Blue」· Paint「Glacier Blue」· Creative Arctic Pool

Color Harmonies Color Harmonies

Based on color wheel theory, calculated from primary color

Complementary

CC6566
66CCCA

Analogous

CC669B
CC6566
CC9766

Triadic

CC6566
68CC66
6668CC

Split-Comp.

CC6566
66CC97
669BCC

Tetradic

CC6566
9BCC66
66CCCA
9766CC

Contrast Matrix WCAG 2.1 Contrast

CC6566
FE8D6D
EFB882
FFC49D
D6F6FF
—
1.6
Fail
2.1
Fail
2.4
Fail
3.3
AA Large
1.6
Fail
—
1.3
Fail
1.5
Fail
2.0
Fail
2.1
Fail
1.3
Fail
—
1.2
Fail
1.6
Fail
2.4
Fail
1.5
Fail
1.2
Fail
—
1.4
Fail
3.3
AA Large
2.0
Fail
1.6
Fail
1.4
Fail
—
White BG
3.7AA Large
2.3Fail
1.8Fail
1.5Fail
1.1Fail
Black BG
5.6AA
9.2AAA
11.8AAA
13.6AAA
18.5AAA

Color Blindness Simulation Color Blindness Simulation

Protanopia

9F9E66
CDCC75
D7D78F
E5E5A6
E4E4FD

Deuteranopia

A5AD66
D4DC77
DADE92
E9EDA9
E2E0FC

Tritanopia

C76666
F87B7C
EC999C
FCAEB0
D8FBFB

Achromatopsia

848484
ABABAB
C2C2C2
D1D1D1
EDEDED

Shades & Tints Shades & Tints

#CC6566

Dark
Light

#FE8D6D

Dark
Light

#EFB882

Dark
Light

Code Snippets Code Snippets

CSS Custom Properties

:root {
  --color-1: #cc6566;
  --color-2: #fe8d6d;
  --color-3: #efb882;
  --color-4: #ffc49d;
  --color-5: #d6f6ff;
}

SCSS

$color-1: #cc6566;
$color-2: #fe8d6d;
$color-3: #efb882;
$color-4: #ffc49d;
$color-5: #d6f6ff;

TAILWIND

colors: {
  'brand-1': '#cc6566',
  'brand-2': '#fe8d6d',
  'brand-3': '#efb882',
  'brand-4': '#ffc49d',
  'brand-5': '#d6f6ff',
}

RGB Array

[204, 101, 102], [254, 141, 109], [239, 184, 130], [255, 196, 157], [214, 246, 255]

FAQ FAQ

What scenarios is this 5-color palette suitable for?

This cool-style palette of #CC6566, #FE8D6D, #EFB882, #FFC49D, #D6F6FF is ideal for: social media posters, mobile apps, e-commerce promos, health products, baby brands, fresh-style blogs. 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: #cc6566; --color-2: #fe8d6d; --color-3: #efb882; --color-4: #ffc49d; --color-5: #d6f6ff. 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?

Light tones suit backgrounds; use dark colors for body text. Mid-tones work for card backgrounds or dividers to add depth. 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