← Back to Editor

#EFF0C6 · #DFDE86 · #F14747 · #F56969 · #DBEEC7

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

#EFF0C6

Fresh Green · Bisque · Lemon Cream

HEX
#EFF0C6
RGB
rgb(239, 240, 198)
HSL
hsl(61, 58%, 86%)
HSB
hsb(61, 17%, 94%)
CMYK
cmyk(0%, 0%, 17%, 6%)
Oklch
oklch(94.4% 0.055 108.5)

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

#DFDE86

Fresh Green · Khaki · Sunflower

HEX
#DFDE86
RGB
rgb(223, 222, 134)
HSL
hsl(59, 58%, 70%)
HSB
hsb(59, 40%, 87%)
CMYK
cmyk(0%, 0%, 40%, 13%)
Oklch
oklch(88.2% 0.110 107.9)

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

#F14747

Peach Pink · Tomato · Coral Red

HEX
#F14747
RGB
rgb(241, 71, 71)
HSL
hsl(0, 86%, 61%)
HSB
hsb(0, 71%, 95%)
CMYK
cmyk(0%, 71%, 71%, 5%)
Oklch
oklch(64.3% 0.207 25.1)

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

#F56969

Peach Pink · Salmon · Coral Red

HEX
#F56969
RGB
rgb(245, 105, 105)
HSL
hsl(0, 88%, 69%)
HSB
hsb(0, 57%, 96%)
CMYK
cmyk(0%, 57%, 57%, 4%)
Oklch
oklch(69.4% 0.173 22.7)

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

#DBEEC7

Willow Green · LightGray · Mint Green

HEX
#DBEEC7
RGB
rgb(219, 238, 199)
HSL
hsl(89, 53%, 86%)
HSB
hsb(89, 16%, 93%)
CMYK
cmyk(8%, 0%, 16%, 7%)
Oklch
oklch(92.5% 0.055 128.7)

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

Color Harmonies Color Harmonies

Based on color wheel theory, calculated from primary color

Complementary

EFF0C6
C7C7F0

Analogous

F0DCC7
EFF0C6
DBF0C7

Triadic

EFF0C6
C7EFF0
F0C7EF

Split-Comp.

EFF0C6
C7DBF0
DCC7F0

Tetradic

EFF0C6
C7F0DC
C7C7F0
F0C7DB

Contrast Matrix WCAG 2.1 Contrast

EFF0C6
DFDE86
F14747
F56969
DBEEC7
—
1.2
Fail
3.1
AA Large
2.5
Fail
1.1
Fail
1.2
Fail
—
2.6
Fail
2.1
Fail
1.1
Fail
3.1
AA Large
2.6
Fail
—
1.2
Fail
3.0
Fail
2.5
Fail
2.1
Fail
1.2
Fail
—
2.4
Fail
1.1
Fail
1.1
Fail
3.0
Fail
2.4
Fail
—
White BG
1.2Fail
1.4Fail
3.7AA Large
3.0Fail
1.2Fail
Black BG
17.9AAA
14.9AAA
5.7AA
7.1AAA
17.1AAA

Color Blindness Simulation Color Blindness Simulation

Protanopia

EFEFD0
DFDF9B
A7A647
B8B769
E3E3D0

Deuteranopia

EFEFD3
DFDFA0
B1BE47
C1CB69
E2E1D3

Tritanopia

EFD8DA
DFACB0
E94747
EE6969
DCD8DA

Achromatopsia

EBEBEB
D4D4D4
7A7A7A
939393
E4E4E4

Shades & Tints Shades & Tints

#EFF0C6

Dark
Light

#DFDE86

Dark
Light

#F14747

Dark
Light

Code Snippets Code Snippets

CSS Custom Properties

:root {
  --color-1: #eff0c6;
  --color-2: #dfde86;
  --color-3: #f14747;
  --color-4: #f56969;
  --color-5: #dbeec7;
}

SCSS

$color-1: #eff0c6;
$color-2: #dfde86;
$color-3: #f14747;
$color-4: #f56969;
$color-5: #dbeec7;

TAILWIND

colors: {
  'brand-1': '#eff0c6',
  'brand-2': '#dfde86',
  'brand-3': '#f14747',
  'brand-4': '#f56969',
  'brand-5': '#dbeec7',
}

RGB Array

[239, 240, 198], [223, 222, 134], [241, 71, 71], [245, 105, 105], [219, 238, 199]

FAQ FAQ

What scenarios is this 5-color palette suitable for?

This general-style palette of #EFF0C6, #DFDE86, #F14747, #F56969, #DBEEC7 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: #eff0c6; --color-2: #dfde86; --color-3: #f14747; --color-4: #f56969; --color-5: #dbeec7. 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