← Back to Editor

#ED4172 · #E7987C · #DAD67C · #C5E5BD · #F9F6CD

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

Scene Recommendations Scene Recommendations

Emotion EMOTION

PassionateDynamicWarm

Industry INDUSTRY

EntertainmentFMCG

UI Context UI CONTEXT

Sale PromoSocial App

Color Details Color Details

#ED4172

Dark Violet · Tomato · Rose Pink

HEX
#ED4172
RGB
rgb(237, 65, 114)
HSL
hsl(343, 83%, 59%)
HSB
hsb(343, 73%, 93%)
CMYK
cmyk(0%, 73%, 52%, 7%)
Oklch
oklch(64.0% 0.209 8.7)

Traditional「Dark Violet」· Paint「Rose Pink」· Creative Blush Sunrise

#E7987C

Apricot · DarkSalmon · Warm Sun

HEX
#E7987C
RGB
rgb(231, 152, 124)
HSL
hsl(16, 69%, 70%)
HSB
hsb(16, 46%, 91%)
CMYK
cmyk(0%, 34%, 46%, 9%)
Oklch
oklch(75.2% 0.103 40.3)

Traditional「Apricot」· Paint「Warm Sun」· Creative Honey Glow

#DAD67C

Fresh Green · Khaki · Sunflower

HEX
#DAD67C
RGB
rgb(218, 214, 124)
HSL
hsl(57, 56%, 67%)
HSB
hsb(57, 43%, 85%)
CMYK
cmyk(0%, 2%, 43%, 15%)
Oklch
oklch(86.0% 0.113 106.3)

Traditional「Fresh Green」· Paint「Sunflower」· Creative Lemon Fizz

#C5E5BD

Celadon · LightGray · Mint Green

HEX
#C5E5BD
RGB
rgb(197, 229, 189)
HSL
hsl(108, 43%, 82%)
HSB
hsb(108, 17%, 90%)
CMYK
cmyk(14%, 0%, 17%, 10%)
Oklch
oklch(88.8% 0.064 139.4)

Traditional「Celadon」· Paint「Mint Green」· Creative Mint Breeze

#F9F6CD

Fresh Green · Beige · Lemon Cream

HEX
#F9F6CD
RGB
rgb(249, 246, 205)
HSL
hsl(56, 79%, 89%)
HSB
hsb(56, 18%, 98%)
CMYK
cmyk(0%, 1%, 18%, 2%)
Oklch
oklch(96.5% 0.053 103.9)

Traditional「Fresh Green」· Paint「Lemon Cream」· Creative Lemon Fizz

Color Harmonies Color Harmonies

Based on color wheel theory, calculated from primary color

Complementary

ED4172
40EDBC

Analogous

ED40C8
ED4172
ED6540

Triadic

ED4172
71ED40
4071ED

Split-Comp.

ED4172
40ED65
40C8ED

Tetradic

ED4172
C8ED40
40EDBC
6540ED

Contrast Matrix WCAG 2.1 Contrast

ED4172
E7987C
DAD67C
C5E5BD
F9F6CD
—
1.6
Fail
2.5
Fail
2.7
Fail
3.4
AA Large
1.6
Fail
—
1.5
Fail
1.7
Fail
2.1
Fail
2.5
Fail
1.5
Fail
—
1.1
Fail
1.4
Fail
2.7
Fail
1.7
Fail
1.1
Fail
—
1.2
Fail
3.4
AA Large
2.1
Fail
1.4
Fail
1.2
Fail
—
White BG
3.7AA Large
2.3Fail
1.5Fail
1.4Fail
1.1Fail
Black BG
5.6AA
9.2AAA
13.9AAA
15.3AAA
19.1AAA

Color Blindness Simulation Color Blindness Simulation

Protanopia

A3A166
C5C483
D8D892
D3D3C7
F8F8D7

Deuteranopia

ADB963
C9CF84
D9D997
D1CFC9
F8F8D9

Tritanopia

E45D5B
E38889
DAA3A7
C7CED0
F9DFE0

Achromatopsia

7A7A7A
ACACAC
CDCDCD
D7D7D7
F2F2F2

Shades & Tints Shades & Tints

#ED4172

Dark
Light

#E7987C

Dark
Light

#DAD67C

Dark
Light

Code Snippets Code Snippets

CSS Custom Properties

:root {
  --color-1: #ed4172;
  --color-2: #e7987c;
  --color-3: #dad67c;
  --color-4: #c5e5bd;
  --color-5: #f9f6cd;
}

SCSS

$color-1: #ed4172;
$color-2: #e7987c;
$color-3: #dad67c;
$color-4: #c5e5bd;
$color-5: #f9f6cd;

TAILWIND

colors: {
  'brand-1': '#ed4172',
  'brand-2': '#e7987c',
  'brand-3': '#dad67c',
  'brand-4': '#c5e5bd',
  'brand-5': '#f9f6cd',
}

RGB Array

[237, 65, 114], [231, 152, 124], [218, 214, 124], [197, 229, 189], [249, 246, 205]

FAQ FAQ

What scenarios is this 5-color palette suitable for?

This general-style palette of #ED4172, #E7987C, #DAD67C, #C5E5BD, #F9F6CD 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: #ed4172; --color-2: #e7987c; --color-3: #dad67c; --color-4: #c5e5bd; --color-5: #f9f6cd. 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