← Back to Editor

#CD2C60 · #F76E61 · #FFBD87 · #F7E8A6 · #7DD1B7

A 5-color palette 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

#CD2C60

Dark Violet · MediumVioletRed · Camellia

HEX
#CD2C60
RGB
rgb(205, 44, 96)
HSL
hsl(341, 65%, 49%)
HSB
hsb(341, 79%, 80%)
CMYK
cmyk(0%, 79%, 53%, 20%)
Oklch
oklch(56.4% 0.197 7.7)

Traditional「Dark Violet」· Paint「Camellia」· Creative Blush Sunrise

#F76E61

Peach Pink · Salmon · Coral Red

HEX
#F76E61
RGB
rgb(247, 110, 97)
HSL
hsl(5, 90%, 67%)
HSB
hsb(5, 61%, 97%)
CMYK
cmyk(0%, 55%, 61%, 3%)
Oklch
oklch(70.2% 0.171 27.7)

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

#FFBD87

Apricot · LightSalmon · Peach Orange

HEX
#FFBD87
RGB
rgb(255, 189, 135)
HSL
hsl(27, 100%, 76%)
HSB
hsb(27, 47%, 100%)
CMYK
cmyk(0%, 26%, 47%, 0%)
Oklch
oklch(84.7% 0.103 60.1)

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

#F7E8A6

Goose Yellow · Wheat · Lemon Cream

HEX
#F7E8A6
RGB
rgb(247, 232, 166)
HSL
hsl(49, 84%, 81%)
HSB
hsb(49, 33%, 97%)
CMYK
cmyk(0%, 6%, 33%, 3%)
Oklch
oklch(92.8% 0.085 96.9)

Traditional「Goose Yellow」· Paint「Lemon Cream」· Creative Lemon Fizz

#7DD1B7

Jade · MediumAquaMarine · Lake Green

HEX
#7DD1B7
RGB
rgb(125, 209, 183)
HSL
hsl(161, 48%, 65%)
HSB
hsb(161, 40%, 82%)
CMYK
cmyk(40%, 0%, 12%, 18%)
Oklch
oklch(80.0% 0.091 172.1)

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

Color Harmonies Color Harmonies

Based on color wheel theory, calculated from primary color

Complementary

CD2C60
2CCE9B

Analogous

CE2CB0
CD2C60
CE4A2C

Triadic

CD2C60
5FCE2C
2C5FCE

Split-Comp.

CD2C60
2CCE4A
2CB0CE

Tetradic

CD2C60
B0CE2C
2CCE9B
4A2CCE

Contrast Matrix WCAG 2.1 Contrast

CD2C60
F76E61
FFBD87
F7E8A6
7DD1B7
—
1.8
Fail
3.1
AA Large
4.1
AA Large
2.8
Fail
1.8
Fail
—
1.8
Fail
2.3
Fail
1.6
Fail
3.1
AA Large
1.8
Fail
—
1.3
Fail
1.1
Fail
4.1
AA Large
2.3
Fail
1.3
Fail
—
1.5
Fail
2.8
Fail
1.6
Fail
1.1
Fail
1.5
Fail
—
White BG
5.1AA
2.9Fail
1.6Fail
1.2Fail
1.8Fail
Black BG
4.1AA Large
7.4AAA
12.9AAA
17.0AAA
11.7AAA

Color Blindness Simulation Color Blindness Simulation

Protanopia

878653
BCBA64
E2E294
F1F0B6
A1A2BD

Deuteranopia

919D50
C4CE65
E6EB97
F1F2BA
9D96BF

Tritanopia

C54947
F06767
FC9EA1
F6C3C5
81C2C3

Achromatopsia

626262
959595
CBCBCB
E5E5E5
B5B5B5

Shades & Tints Shades & Tints

#CD2C60

Dark
Light

#F76E61

Dark
Light

#FFBD87

Dark
Light

Code Snippets Code Snippets

CSS Custom Properties

:root {
  --color-1: #cd2c60;
  --color-2: #f76e61;
  --color-3: #ffbd87;
  --color-4: #f7e8a6;
  --color-5: #7dd1b7;
}

SCSS

$color-1: #cd2c60;
$color-2: #f76e61;
$color-3: #ffbd87;
$color-4: #f7e8a6;
$color-5: #7dd1b7;

TAILWIND

colors: {
  'brand-1': '#cd2c60',
  'brand-2': '#f76e61',
  'brand-3': '#ffbd87',
  'brand-4': '#f7e8a6',
  'brand-5': '#7dd1b7',
}

RGB Array

[205, 44, 96], [247, 110, 97], [255, 189, 135], [247, 232, 166], [125, 209, 183]

FAQ FAQ

What scenarios is this 5-color palette suitable for?

This general-style palette of #CD2C60, #F76E61, #FFBD87, #F7E8A6, #7DD1B7 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: #cd2c60; --color-2: #f76e61; --color-3: #ffbd87; --color-4: #f7e8a6; --color-5: #7dd1b7. 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 general-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