← Back to Editor

#E68982 · #F2BF93 · #F1D38B · #EFE685 · #EAF69F

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

#E68982

Peach Pink · LightCoral · Coral Red

HEX
#E68982
RGB
rgb(230, 137, 130)
HSL
hsl(4, 67%, 71%)
HSB
hsb(4, 43%, 90%)
CMYK
cmyk(0%, 40%, 43%, 10%)
Oklch
oklch(72.7% 0.115 24.9)

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

#F2BF93

Apricot · BurlyWood · Peach Orange

HEX
#F2BF93
RGB
rgb(242, 191, 147)
HSL
hsl(28, 79%, 76%)
HSB
hsb(28, 39%, 95%)
CMYK
cmyk(0%, 21%, 39%, 5%)
Oklch
oklch(84.0% 0.082 62.1)

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

#F1D38B

Goose Yellow · Khaki · Sunflower

HEX
#F1D38B
RGB
rgb(241, 211, 139)
HSL
hsl(42, 78%, 75%)
HSB
hsb(42, 42%, 95%)
CMYK
cmyk(0%, 12%, 42%, 5%)
Oklch
oklch(87.6% 0.097 87.8)

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

#EFE685

Fresh Green · Khaki · Sunflower

HEX
#EFE685
RGB
rgb(239, 230, 133)
HSL
hsl(55, 77%, 73%)
HSB
hsb(55, 44%, 94%)
CMYK
cmyk(0%, 4%, 44%, 6%)
Oklch
oklch(91.2% 0.119 103.8)

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

#EAF69F

Fresh Green · Khaki · Lemon Cream

HEX
#EAF69F
RGB
rgb(234, 246, 159)
HSL
hsl(68, 83%, 79%)
HSB
hsb(68, 35%, 96%)
CMYK
cmyk(5%, 0%, 35%, 4%)
Oklch
oklch(94.5% 0.110 114.9)

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

Color Harmonies Color Harmonies

Based on color wheel theory, calculated from primary color

Complementary

E68982
84E0E7

Analogous

E784AE
E68982
E7BC84

Triadic

E68982
84E78A
8A84E7

Split-Comp.

E68982
84E7BC
84AEE7

Tetradic

E68982
AEE784
84E0E7
BC84E7

Contrast Matrix WCAG 2.1 Contrast

E68982
F2BF93
F1D38B
EFE685
EAF69F
—
1.5
Fail
1.7
Fail
2.0
Fail
2.2
Fail
1.5
Fail
—
1.1
Fail
1.3
Fail
1.4
Fail
1.7
Fail
1.1
Fail
—
1.1
Fail
1.3
Fail
2.0
Fail
1.3
Fail
1.1
Fail
—
1.1
Fail
2.2
Fail
1.4
Fail
1.3
Fail
1.1
Fail
—
White BG
2.5Fail
1.7Fail
1.5Fail
1.3Fail
1.2Fail
Black BG
8.3AAA
12.6AAA
14.4AAA
16.3AAA
18.2AAA

Color Blindness Simulation Color Blindness Simulation

Protanopia

BEBD84
DCDB9E
E4E49C
EBEB9C
EFEFB4

Deuteranopia

C3CA84
DFE3A0
E6E8A1
ECECA2
EFEEB9

Tritanopia

E18585
EFA6A8
F0AAAD
EFAFB3
EBC5C8

Achromatopsia

A4A4A4
C9C9C9
D4D4D4
DEDEDE
E8E8E8

Shades & Tints Shades & Tints

#E68982

Dark
Light

#F2BF93

Dark
Light

#F1D38B

Dark
Light

Code Snippets Code Snippets

CSS Custom Properties

:root {
  --color-1: #e68982;
  --color-2: #f2bf93;
  --color-3: #f1d38b;
  --color-4: #efe685;
  --color-5: #eaf69f;
}

SCSS

$color-1: #e68982;
$color-2: #f2bf93;
$color-3: #f1d38b;
$color-4: #efe685;
$color-5: #eaf69f;

TAILWIND

colors: {
  'brand-1': '#e68982',
  'brand-2': '#f2bf93',
  'brand-3': '#f1d38b',
  'brand-4': '#efe685',
  'brand-5': '#eaf69f',
}

RGB Array

[230, 137, 130], [242, 191, 147], [241, 211, 139], [239, 230, 133], [234, 246, 159]

FAQ FAQ

What scenarios is this 5-color palette suitable for?

This general-style palette of #E68982, #F2BF93, #F1D38B, #EFE685, #EAF69F 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: #e68982; --color-2: #f2bf93; --color-3: #f1d38b; --color-4: #efe685; --color-5: #eaf69f. 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