← Back to Editor

#DEF2CE · #D6DD90 · #FABD7F · #FF9E9E · #BECFB8

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

#DEF2CE

Emerald · Beige · Mint Green

HEX
#DEF2CE
RGB
rgb(222, 242, 206)
HSL
hsl(93, 58%, 88%)
HSB
hsb(93, 15%, 95%)
CMYK
cmyk(8%, 0%, 15%, 5%)
Oklch
oklch(93.7% 0.052 131.2)

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

#D6DD90

Fresh Green · Khaki · Sunflower

HEX
#D6DD90
RGB
rgb(214, 221, 144)
HSL
hsl(65, 53%, 72%)
HSB
hsb(65, 35%, 87%)
CMYK
cmyk(3%, 0%, 35%, 13%)
Oklch
oklch(87.4% 0.099 112.7)

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

#FABD7F

Goose Yellow · BurlyWood · Warm Sun

HEX
#FABD7F
RGB
rgb(250, 189, 127)
HSL
hsl(30, 92%, 74%)
HSB
hsb(30, 49%, 98%)
CMYK
cmyk(0%, 24%, 49%, 2%)
Oklch
oklch(84.1% 0.105 66.0)

Traditional「Goose Yellow」· Paint「Warm Sun」· Creative Honey Glow

#FF9E9E

Peach Pink · LightSalmon · Cherry Blossom

HEX
#FF9E9E
RGB
rgb(255, 158, 158)
HSL
hsl(0, 100%, 81%)
HSB
hsb(0, 38%, 100%)
CMYK
cmyk(0%, 38%, 38%, 0%)
Oklch
oklch(79.8% 0.116 20.0)

Traditional「Peach Pink」· Paint「Cherry Blossom」· Creative Blush Sunrise

#BECFB8

Celadon · Silver · Apple Green

HEX
#BECFB8
RGB
rgb(190, 207, 184)
HSL
hsl(104, 19%, 77%)
HSB
hsb(104, 11%, 81%)
CMYK
cmyk(8%, 0%, 11%, 19%)
Oklch
oklch(83.5% 0.036 137.5)

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

Color Harmonies Color Harmonies

Based on color wheel theory, calculated from primary color

Complementary

DEF2CE
E2CFF2

Analogous

F0F2CF
DEF2CE
CFF2D0

Triadic

DEF2CE
CFDFF2
F2CFDF

Split-Comp.

DEF2CE
D0CFF2
F2CFF0

Tetradic

DEF2CE
CFF0F2
E2CFF2
F2D0CF

Contrast Matrix WCAG 2.1 Contrast

DEF2CE
D6DD90
FABD7F
FF9E9E
BECFB8
—
1.2
Fail
1.4
Fail
1.7
Fail
1.4
Fail
1.2
Fail
—
1.2
Fail
1.4
Fail
1.1
Fail
1.4
Fail
1.2
Fail
—
1.2
Fail
1.0
Fail
1.7
Fail
1.4
Fail
1.2
Fail
—
1.2
Fail
1.4
Fail
1.1
Fail
1.0
Fail
1.2
Fail
—
White BG
1.2Fail
1.4Fail
1.7Fail
2.0Fail
1.6Fail
Black BG
17.7AAA
14.6AAA
12.7AAA
10.6AAA
12.8AAA

Color Blindness Simulation Color Blindness Simulation

Protanopia

E7E7D7
D9D9A3
E0DF8E
D5D49E
C5C6BE

Deuteranopia

E6E4D9
D9D8A7
E3E892
DBE29E
C4C3BF

Tritanopia

DFDEDF
D6B1B5
F79A9C
FA9E9E
BFC2C3

Achromatopsia

E8E8E8
D2D2D2
C8C8C8
BBBBBB
C7C7C7

Shades & Tints Shades & Tints

#DEF2CE

Dark
Light

#D6DD90

Dark
Light

#FABD7F

Dark
Light

Code Snippets Code Snippets

CSS Custom Properties

:root {
  --color-1: #def2ce;
  --color-2: #d6dd90;
  --color-3: #fabd7f;
  --color-4: #ff9e9e;
  --color-5: #becfb8;
}

SCSS

$color-1: #def2ce;
$color-2: #d6dd90;
$color-3: #fabd7f;
$color-4: #ff9e9e;
$color-5: #becfb8;

TAILWIND

colors: {
  'brand-1': '#def2ce',
  'brand-2': '#d6dd90',
  'brand-3': '#fabd7f',
  'brand-4': '#ff9e9e',
  'brand-5': '#becfb8',
}

RGB Array

[222, 242, 206], [214, 221, 144], [250, 189, 127], [255, 158, 158], [190, 207, 184]

FAQ FAQ

What scenarios is this 5-color palette suitable for?

This general-style palette of #DEF2CE, #D6DD90, #FABD7F, #FF9E9E, #BECFB8 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: #def2ce; --color-2: #d6dd90; --color-3: #fabd7f; --color-4: #ff9e9e; --color-5: #becfb8. 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