← Back to Editor

#EDD599 · #F2F1DC · #FEA6A5 · #4C0E0F · #CFE4D5

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 AppData Visualization

Color Details Color Details

#EDD599

Goose Yellow · Khaki · Lemon Cream

HEX
#EDD599
RGB
rgb(237, 213, 153)
HSL
hsl(43, 70%, 76%)
HSB
hsb(43, 35%, 93%)
CMYK
cmyk(0%, 10%, 35%, 7%)
Oklch
oklch(87.9% 0.081 88.7)

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

#F2F1DC

Fresh Green · Beige · Lemon Cream

HEX
#F2F1DC
RGB
rgb(242, 241, 220)
HSL
hsl(57, 46%, 91%)
HSB
hsb(57, 9%, 95%)
CMYK
cmyk(0%, 0%, 9%, 5%)
Oklch
oklch(95.3% 0.028 104.7)

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

#FEA6A5

Peach Pink · LightPink · Cherry Blossom

HEX
#FEA6A5
RGB
rgb(254, 166, 165)
HSL
hsl(1, 98%, 82%)
HSB
hsb(1, 35%, 100%)
CMYK
cmyk(0%, 35%, 35%, 0%)
Oklch
oklch(81.2% 0.105 20.3)

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

#4C0E0F

Vermilion · Maroon · Deep Berry

HEX
#4C0E0F
RGB
rgb(76, 14, 15)
HSL
hsl(359, 69%, 18%)
HSB
hsb(359, 82%, 30%)
CMYK
cmyk(0%, 82%, 80%, 70%)
Oklch
oklch(27.7% 0.092 24.8)

Traditional「Vermilion」· Paint「Deep Berry」· Creative Blush Sunrise

#CFE4D5

Celadon · LightGray · Mint Green

HEX
#CFE4D5
RGB
rgb(207, 228, 213)
HSL
hsl(137, 28%, 85%)
HSB
hsb(137, 9%, 89%)
CMYK
cmyk(9%, 0%, 7%, 11%)
Oklch
oklch(89.9% 0.030 154.7)

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

Color Harmonies Color Harmonies

Based on color wheel theory, calculated from primary color

Complementary

EDD599
97AFED

Analogous

EDAA97
EDD599
DAED97

Triadic

EDD599
97EDD4
D497ED

Split-Comp.

EDD599
97DAED
AA97ED

Tetradic

EDD599
97EDAA
97AFED
ED97DA

Contrast Matrix WCAG 2.1 Contrast

EDD599
F2F1DC
FEA6A5
4C0E0F
CFE4D5
—
1.3
Fail
1.3
Fail
10.6
AAA
1.1
Fail
1.3
Fail
—
1.6
Fail
13.4
AAA
1.2
Fail
1.3
Fail
1.6
Fail
—
8.1
AAA
1.4
Fail
10.6
AAA
13.4
AAA
8.1
AAA
—
11.4
AAA
1.1
Fail
1.2
Fail
1.4
Fail
11.4
AAA
—
White BG
1.4Fail
1.1Fail
1.9Fail
15.3AAA
1.3Fail
Black BG
14.6AAA
18.4AAA
11.2AAA
1.4Fail
15.7AAA

Color Blindness Simulation Color Blindness Simulation

Protanopia

E3E2A8
F2F2E1
D8D7A5
31310F
D8D8D9

Deuteranopia

E4E6AB
F2F2E2
DDE4A5
35390F
D7D5DA

Tritanopia

ECB3B6
F2E5E6
FAA5A5
490F0F
D0DBDC

Achromatopsia

D5D5D5
EFEFEF
C0C0C0
212121
DCDCDC

Shades & Tints Shades & Tints

#EDD599

Dark
Light

#F2F1DC

Dark
Light

#FEA6A5

Dark
Light

Code Snippets Code Snippets

CSS Custom Properties

:root {
  --color-1: #edd599;
  --color-2: #f2f1dc;
  --color-3: #fea6a5;
  --color-4: #4c0e0f;
  --color-5: #cfe4d5;
}

SCSS

$color-1: #edd599;
$color-2: #f2f1dc;
$color-3: #fea6a5;
$color-4: #4c0e0f;
$color-5: #cfe4d5;

TAILWIND

colors: {
  'brand-1': '#edd599',
  'brand-2': '#f2f1dc',
  'brand-3': '#fea6a5',
  'brand-4': '#4c0e0f',
  'brand-5': '#cfe4d5',
}

RGB Array

[237, 213, 153], [242, 241, 220], [254, 166, 165], [76, 14, 15], [207, 228, 213]

FAQ FAQ

What scenarios is this 5-color palette suitable for?

This general-style palette of #EDD599, #F2F1DC, #FEA6A5, #4C0E0F, #CFE4D5 is ideal for: social media posters, mobile apps, e-commerce promos, health products, baby brands, fresh-style blogs, infographics, data visualization, accessible design. Vivid colors effectively attract user attention. High contrast ensures clear visual hierarchy and readability. 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: #edd599; --color-2: #f2f1dc; --color-3: #fea6a5; --color-4: #4c0e0f; --color-5: #cfe4d5. 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. High-contrast palettes naturally meet WCAG accessibility standards. 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