← Back to Editor

#C4878E · #EDA482 · #F2CBA7 · #E4F7A6 · #CDF7D0

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

#C4878E

Peach Pink · DarkSalmon · Coral Red

HEX
#C4878E
RGB
rgb(196, 135, 142)
HSL
hsl(353, 34%, 65%)
HSB
hsb(353, 31%, 77%)
CMYK
cmyk(0%, 31%, 28%, 23%)
Oklch
oklch(68.6% 0.075 11.7)

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

#EDA482

Apricot · DarkSalmon · Warm Sun

HEX
#EDA482
RGB
rgb(237, 164, 130)
HSL
hsl(19, 75%, 72%)
HSB
hsb(19, 45%, 93%)
CMYK
cmyk(0%, 31%, 45%, 7%)
Oklch
oklch(78.2% 0.099 45.8)

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

#F2CBA7

Apricot · Wheat · Peach Orange

HEX
#F2CBA7
RGB
rgb(242, 203, 167)
HSL
hsl(29, 74%, 80%)
HSB
hsb(29, 31%, 95%)
CMYK
cmyk(0%, 16%, 31%, 5%)
Oklch
oklch(86.7% 0.065 64.5)

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

#E4F7A6

Willow Green · Wheat · Mint Green

HEX
#E4F7A6
RGB
rgb(228, 247, 166)
HSL
hsl(74, 84%, 81%)
HSB
hsb(74, 33%, 97%)
CMYK
cmyk(8%, 0%, 33%, 3%)
Oklch
oklch(94.3% 0.105 119.2)

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

#CDF7D0

Emerald · LightGray · Mint Green

HEX
#CDF7D0
RGB
rgb(205, 247, 208)
HSL
hsl(124, 72%, 89%)
HSB
hsb(124, 17%, 97%)
CMYK
cmyk(17%, 0%, 16%, 3%)
Oklch
oklch(93.6% 0.068 146.9)

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

Color Harmonies Color Harmonies

Based on color wheel theory, calculated from primary color

Complementary

C4878E
87C4BD

Analogous

C487AD
C4878E
C49F87

Triadic

C4878E
8EC487
878EC4

Split-Comp.

C4878E
87C49F
87ADC4

Tetradic

C4878E
ADC487
87C4BD
9F87C4

Contrast Matrix WCAG 2.1 Contrast

C4878E
EDA482
F2CBA7
E4F7A6
CDF7D0
—
1.4
Fail
1.9
Fail
2.5
Fail
2.5
Fail
1.4
Fail
—
1.4
Fail
1.8
Fail
1.7
Fail
1.9
Fail
1.4
Fail
—
1.3
Fail
1.3
Fail
2.5
Fail
1.8
Fail
1.3
Fail
—
1.0
Fail
2.5
Fail
1.7
Fail
1.3
Fail
1.0
Fail
—
White BG
2.9Fail
2.1Fail
1.5Fail
1.2Fail
1.2Fail
Black BG
7.2AAA
10.2AAA
13.9AAA
18.2AAA
17.8AAA

Color Blindness Simulation Color Blindness Simulation

Protanopia

AAA98C
CDCD8A
E1E1B0
ECECBA
DFE0D9

Deuteranopia

ADB28C
D2D78C
E3E6B2
EBEABE
DDDADC

Tritanopia

C18B8B
E99192
F0B7B8
E5C9CC
CFE1E3

Achromatopsia

9A9A9A
B6B6B6
D3D3D3
E8E8E8
E6E6E6

Shades & Tints Shades & Tints

#C4878E

Dark
Light

#EDA482

Dark
Light

#F2CBA7

Dark
Light

Code Snippets Code Snippets

CSS Custom Properties

:root {
  --color-1: #c4878e;
  --color-2: #eda482;
  --color-3: #f2cba7;
  --color-4: #e4f7a6;
  --color-5: #cdf7d0;
}

SCSS

$color-1: #c4878e;
$color-2: #eda482;
$color-3: #f2cba7;
$color-4: #e4f7a6;
$color-5: #cdf7d0;

TAILWIND

colors: {
  'brand-1': '#c4878e',
  'brand-2': '#eda482',
  'brand-3': '#f2cba7',
  'brand-4': '#e4f7a6',
  'brand-5': '#cdf7d0',
}

RGB Array

[196, 135, 142], [237, 164, 130], [242, 203, 167], [228, 247, 166], [205, 247, 208]

FAQ FAQ

What scenarios is this 5-color palette suitable for?

This general-style palette of #C4878E, #EDA482, #F2CBA7, #E4F7A6, #CDF7D0 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: #c4878e; --color-2: #eda482; --color-3: #f2cba7; --color-4: #e4f7a6; --color-5: #cdf7d0. 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