← Back to Editor

#DFE8DC · #C3DEBA · #D5D481 · #FF9B70 · #FF6E83

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

#DFE8DC

Celadon · Beige · Mint Green

HEX
#DFE8DC
RGB
rgb(223, 232, 220)
HSL
hsl(105, 21%, 89%)
HSB
hsb(105, 5%, 91%)
CMYK
cmyk(4%, 0%, 5%, 9%)
Oklch
oklch(92.1% 0.019 137.8)

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

#C3DEBA

Celadon · Silver · Apple Green

HEX
#C3DEBA
RGB
rgb(195, 222, 186)
HSL
hsl(105, 35%, 80%)
HSB
hsb(105, 16%, 87%)
CMYK
cmyk(12%, 0%, 16%, 13%)
Oklch
oklch(87.1% 0.057 137.9)

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

#D5D481

Fresh Green · BurlyWood · Sunflower

HEX
#D5D481
RGB
rgb(213, 212, 129)
HSL
hsl(59, 50%, 67%)
HSB
hsb(59, 39%, 84%)
CMYK
cmyk(0%, 0%, 39%, 16%)
Oklch
oklch(85.2% 0.105 107.8)

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

#FF9B70

Apricot · LightSalmon · Warm Sun

HEX
#FF9B70
RGB
rgb(255, 155, 112)
HSL
hsl(18, 100%, 72%)
HSB
hsb(18, 56%, 100%)
CMYK
cmyk(0%, 39%, 56%, 0%)
Oklch
oklch(78.4% 0.133 43.7)

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

#FF6E83

Peach Pink · LightCoral · Coral Red

HEX
#FF6E83
RGB
rgb(255, 110, 131)
HSL
hsl(351, 100%, 72%)
HSB
hsb(351, 57%, 100%)
CMYK
cmyk(0%, 57%, 49%, 0%)
Oklch
oklch(72.0% 0.177 13.8)

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

Color Harmonies Color Harmonies

Based on color wheel theory, calculated from primary color

Complementary

DFE8DC
E6DDE9

Analogous

E6E9DD
DFE8DC
DDE9E0

Triadic

DFE8DC
DDE0E9
E9DDE0

Split-Comp.

DFE8DC
E0DDE9
E9DDE6

Tetradic

DFE8DC
DDE6E9
E6DDE9
E9E0DD

Contrast Matrix WCAG 2.1 Contrast

DFE8DC
C3DEBA
D5D481
FF9B70
FF6E83
—
1.2
Fail
1.2
Fail
1.6
Fail
2.1
Fail
1.2
Fail
—
1.1
Fail
1.4
Fail
1.9
Fail
1.2
Fail
1.1
Fail
—
1.3
Fail
1.7
Fail
1.6
Fail
1.4
Fail
1.3
Fail
—
1.3
Fail
2.1
Fail
1.9
Fail
1.7
Fail
1.3
Fail
—
White BG
1.3Fail
1.5Fail
1.5Fail
2.1Fail
2.7Fail
Black BG
16.7AAA
14.5AAA
13.6AAA
10.2AAA
7.8AAA

Color Blindness Simulation Color Blindness Simulation

Protanopia

E3E3DF
CFCFC3
D5D595
D4D37A
C0BF7E

Deuteranopia

E2E2E0
CDCBC5
D5D59A
DAE17D
C9D47D

Tritanopia

DFE1E2
C4CACB
D5A5A8
FA8384
F87A79

Achromatopsia

E4E4E4
D2D2D2
CBCBCB
B4B4B4
9C9C9C

Shades & Tints Shades & Tints

#DFE8DC

Dark
Light

#C3DEBA

Dark
Light

#D5D481

Dark
Light

Code Snippets Code Snippets

CSS Custom Properties

:root {
  --color-1: #dfe8dc;
  --color-2: #c3deba;
  --color-3: #d5d481;
  --color-4: #ff9b70;
  --color-5: #ff6e83;
}

SCSS

$color-1: #dfe8dc;
$color-2: #c3deba;
$color-3: #d5d481;
$color-4: #ff9b70;
$color-5: #ff6e83;

TAILWIND

colors: {
  'brand-1': '#dfe8dc',
  'brand-2': '#c3deba',
  'brand-3': '#d5d481',
  'brand-4': '#ff9b70',
  'brand-5': '#ff6e83',
}

RGB Array

[223, 232, 220], [195, 222, 186], [213, 212, 129], [255, 155, 112], [255, 110, 131]

FAQ FAQ

What scenarios is this 5-color palette suitable for?

This general-style palette of #DFE8DC, #C3DEBA, #D5D481, #FF9B70, #FF6E83 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: #dfe8dc; --color-2: #c3deba; --color-3: #d5d481; --color-4: #ff9b70; --color-5: #ff6e83. 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