← Back to Editor

#FFEDCE · #D1EFE3 · #D37760 · #F79C89 · #A2E0D1

A 5-color palette palette · Complete color analysis and application guide

Scene Recommendations Scene Recommendations

Emotion EMOTION

PassionateDynamicWarmCool

Industry INDUSTRY

EntertainmentFMCG

UI Context UI CONTEXT

Sale PromoSocial App

Color Details Color Details

#FFEDCE

Goose Yellow · Bisque · Peach Orange

HEX
#FFEDCE
RGB
rgb(255, 237, 206)
HSL
hsl(38, 100%, 90%)
HSB
hsb(38, 19%, 100%)
CMYK
cmyk(0%, 7%, 19%, 0%)
Oklch
oklch(95.3% 0.045 81.3)

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

#D1EFE3

Jade · LightGray · Mint Green

HEX
#D1EFE3
RGB
rgb(209, 239, 227)
HSL
hsl(156, 48%, 88%)
HSB
hsb(156, 13%, 94%)
CMYK
cmyk(13%, 0%, 5%, 6%)
Oklch
oklch(92.7% 0.035 169.5)

Traditional「Jade」· Paint「Mint Green」· Creative Arctic Pool

#D37760

Crimson · Salmon · Passion Red

HEX
#D37760
RGB
rgb(211, 119, 96)
HSL
hsl(12, 57%, 60%)
HSB
hsb(12, 55%, 83%)
CMYK
cmyk(0%, 44%, 55%, 17%)
Oklch
oklch(66.6% 0.121 35.0)

Traditional「Crimson」· Paint「Passion Red」· Creative Blush Sunrise

#F79C89

Peach Pink · LightSalmon · Coral Red

HEX
#F79C89
RGB
rgb(247, 156, 137)
HSL
hsl(10, 87%, 75%)
HSB
hsb(10, 45%, 97%)
CMYK
cmyk(0%, 37%, 45%, 3%)
Oklch
oklch(78.0% 0.113 32.5)

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

#A2E0D1

Jade · LightBlue · Glacier Blue

HEX
#A2E0D1
RGB
rgb(162, 224, 209)
HSL
hsl(165, 50%, 76%)
HSB
hsb(165, 28%, 88%)
CMYK
cmyk(28%, 0%, 7%, 12%)
Oklch
oklch(86.0% 0.066 178.0)

Traditional「Jade」· Paint「Glacier Blue」· Creative Arctic Pool

Color Harmonies Color Harmonies

Based on color wheel theory, calculated from primary color

Complementary

FFEDCE
CCDFFF

Analogous

FFD3CC
FFEDCE
F8FFCC

Triadic

FFEDCE
CCFFEC
ECCCFF

Split-Comp.

FFEDCE
CCF8FF
D3CCFF

Tetradic

FFEDCE
CCFFD3
CCDFFF
FFCCF8

Contrast Matrix WCAG 2.1 Contrast

FFEDCE
D1EFE3
D37760
F79C89
A2E0D1
—
1.1
Fail
2.8
Fail
1.8
Fail
1.3
Fail
1.1
Fail
—
2.6
Fail
1.7
Fail
1.2
Fail
2.8
Fail
2.6
Fail
—
1.5
Fail
2.1
Fail
1.8
Fail
1.7
Fail
1.5
Fail
—
1.4
Fail
1.3
Fail
1.2
Fail
2.1
Fail
1.4
Fail
—
White BG
1.2Fail
1.2Fail
3.2AA Large
2.1Fail
1.5Fail
Black BG
18.3AAA
17.2AAA
6.6AA
10.1AAA
14.1AAA

Color Blindness Simulation Color Blindness Simulation

Protanopia

F7F7D6
DEDEE6
ABAA66
D0CF8E
BDBDD5

Deuteranopia

F8FAD7
DCDAE7
B1B767
D5DC8F
B9B5D6

Tritanopia

FEDBDD
D2E8E9
CE6A6B
F29192
A5D7D8

Achromatopsia

EFEFEF
E5E5E5
909090
B5B5B5
CCCCCC

Shades & Tints Shades & Tints

#FFEDCE

Dark
Light

#D1EFE3

Dark
Light

#D37760

Dark
Light

Code Snippets Code Snippets

CSS Custom Properties

:root {
  --color-1: #ffedce;
  --color-2: #d1efe3;
  --color-3: #d37760;
  --color-4: #f79c89;
  --color-5: #a2e0d1;
}

SCSS

$color-1: #ffedce;
$color-2: #d1efe3;
$color-3: #d37760;
$color-4: #f79c89;
$color-5: #a2e0d1;

TAILWIND

colors: {
  'brand-1': '#ffedce',
  'brand-2': '#d1efe3',
  'brand-3': '#d37760',
  'brand-4': '#f79c89',
  'brand-5': '#a2e0d1',
}

RGB Array

[255, 237, 206], [209, 239, 227], [211, 119, 96], [247, 156, 137], [162, 224, 209]

FAQ FAQ

What scenarios is this 5-color palette suitable for?

This general-style palette of #FFEDCE, #D1EFE3, #D37760, #F79C89, #A2E0D1 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: #ffedce; --color-2: #d1efe3; --color-3: #d37760; --color-4: #f79c89; --color-5: #a2e0d1. 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