← Back to Editor

#E3F2DF · #E6D5BC · #F59993 · #F26D85 · #C44F74

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

#E3F2DF

Celadon · Beige · Mint Green

HEX
#E3F2DF
RGB
rgb(227, 242, 223)
HSL
hsl(107, 42%, 91%)
HSB
hsb(107, 8%, 95%)
CMYK
cmyk(6%, 0%, 8%, 5%)
Oklch
oklch(94.5% 0.030 139.1)

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

#E6D5BC

Goose Yellow · Wheat · Peach Orange

HEX
#E6D5BC
RGB
rgb(230, 213, 188)
HSL
hsl(36, 46%, 82%)
HSB
hsb(36, 18%, 90%)
CMYK
cmyk(0%, 7%, 18%, 10%)
Oklch
oklch(88.0% 0.038 77.6)

Traditional「Goose Yellow」· Paint「Peach Orange」· Creative Honey Glow

#F59993

Peach Pink · LightSalmon · Coral Red

HEX
#F59993
RGB
rgb(245, 153, 147)
HSL
hsl(4, 83%, 77%)
HSB
hsb(4, 40%, 96%)
CMYK
cmyk(0%, 38%, 40%, 4%)
Oklch
oklch(77.5% 0.112 24.0)

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

#F26D85

Peach Pink · LightCoral · Coral Red

HEX
#F26D85
RGB
rgb(242, 109, 133)
HSL
hsl(349, 84%, 69%)
HSB
hsb(349, 55%, 95%)
CMYK
cmyk(0%, 55%, 45%, 5%)
Oklch
oklch(70.1% 0.164 11.1)

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

#C44F74

Dark Violet · MediumVioletRed · Rose Pink

HEX
#C44F74
RGB
rgb(196, 79, 116)
HSL
hsl(341, 50%, 54%)
HSB
hsb(341, 60%, 77%)
CMYK
cmyk(0%, 60%, 41%, 23%)
Oklch
oklch(59.1% 0.153 3.3)

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

Color Harmonies Color Harmonies

Based on color wheel theory, calculated from primary color

Complementary

E3F2DF
EEDEF2

Analogous

ECF2DE
E3F2DF
DEF2E4

Triadic

E3F2DF
DEE3F2
F2DEE3

Split-Comp.

E3F2DF
E4DEF2
F2DEEC

Tetradic

E3F2DF
DEECF2
EEDEF2
F2E4DE

Contrast Matrix WCAG 2.1 Contrast

E3F2DF
E6D5BC
F59993
F26D85
C44F74
—
1.2
Fail
1.8
Fail
2.5
Fail
3.8
AA Large
1.2
Fail
—
1.5
Fail
2.0
Fail
3.1
AA Large
1.8
Fail
1.5
Fail
—
1.4
Fail
2.1
Fail
2.5
Fail
2.0
Fail
1.4
Fail
—
1.5
Fail
3.8
AA Large
3.1
AA Large
2.1
Fail
1.5
Fail
—
White BG
1.2Fail
1.4Fail
2.1Fail
2.9Fail
4.5AA Large
Black BG
18.0AAA
14.6AAA
9.9AAA
7.3AAA
4.7AA

Color Blindness Simulation Color Blindness Simulation

Protanopia

E9EAE4
DFDEC2
CDCC94
B8B77F
91906B

Deuteranopia

E9E7E5
E0E1C4
D3D995
C0CA7E
98A169

Tritanopia

E4E7E8
E5C7C8
F09696
EB7B7A
BE6462

Achromatopsia

EBEBEB
D7D7D7
B4B4B4
989898
767676

Shades & Tints Shades & Tints

#E3F2DF

Dark
Light

#E6D5BC

Dark
Light

#F59993

Dark
Light

Code Snippets Code Snippets

CSS Custom Properties

:root {
  --color-1: #e3f2df;
  --color-2: #e6d5bc;
  --color-3: #f59993;
  --color-4: #f26d85;
  --color-5: #c44f74;
}

SCSS

$color-1: #e3f2df;
$color-2: #e6d5bc;
$color-3: #f59993;
$color-4: #f26d85;
$color-5: #c44f74;

TAILWIND

colors: {
  'brand-1': '#e3f2df',
  'brand-2': '#e6d5bc',
  'brand-3': '#f59993',
  'brand-4': '#f26d85',
  'brand-5': '#c44f74',
}

RGB Array

[227, 242, 223], [230, 213, 188], [245, 153, 147], [242, 109, 133], [196, 79, 116]

FAQ FAQ

What scenarios is this 5-color palette suitable for?

This general-style palette of #E3F2DF, #E6D5BC, #F59993, #F26D85, #C44F74 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: #e3f2df; --color-2: #e6d5bc; --color-3: #f59993; --color-4: #f26d85; --color-5: #c44f74. 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