← Back to Editor

#EBDEA6 · #EDCB89 · #F0A653 · #F06E52 · #F0545B

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

#EBDEA6

Goose Yellow · Wheat · Lemon Cream

HEX
#EBDEA6
RGB
rgb(235, 222, 166)
HSL
hsl(49, 63%, 79%)
HSB
hsb(49, 29%, 92%)
CMYK
cmyk(0%, 6%, 29%, 8%)
Oklch
oklch(89.8% 0.074 96.6)

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

#EDCB89

Goose Yellow · BurlyWood · Sunflower

HEX
#EDCB89
RGB
rgb(237, 203, 137)
HSL
hsl(40, 74%, 73%)
HSB
hsb(40, 42%, 93%)
CMYK
cmyk(0%, 14%, 42%, 7%)
Oklch
oklch(85.6% 0.092 83.4)

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

#F0A653

Ginger · SandyBrown · Warm Sun

HEX
#F0A653
RGB
rgb(240, 166, 83)
HSL
hsl(32, 84%, 63%)
HSB
hsb(32, 65%, 94%)
CMYK
cmyk(0%, 31%, 65%, 6%)
Oklch
oklch(78.2% 0.132 66.8)

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

#F06E52

Peach Pink · Tomato · Coral Red

HEX
#F06E52
RGB
rgb(240, 110, 82)
HSL
hsl(11, 84%, 63%)
HSB
hsb(11, 66%, 94%)
CMYK
cmyk(0%, 54%, 66%, 6%)
Oklch
oklch(69.0% 0.167 33.6)

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

#F0545B

Peach Pink · Tomato · Coral Red

HEX
#F0545B
RGB
rgb(240, 84, 91)
HSL
hsl(357, 84%, 64%)
HSB
hsb(357, 65%, 94%)
CMYK
cmyk(0%, 65%, 62%, 6%)
Oklch
oklch(65.8% 0.191 21.6)

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

Color Harmonies Color Harmonies

Based on color wheel theory, calculated from primary color

Complementary

EBDEA6
A8B4EB

Analogous

EBBDA8
EBDEA6
D6EBA8

Triadic

EBDEA6
A8EBDF
DFA8EB

Split-Comp.

EBDEA6
A8D6EB
BDA8EB

Tetradic

EBDEA6
A8EBBD
A8B4EB
EBA8D6

Contrast Matrix WCAG 2.1 Contrast

EBDEA6
EDCB89
F0A653
F06E52
F0545B
—
1.2
Fail
1.5
Fail
2.2
Fail
2.5
Fail
1.2
Fail
—
1.3
Fail
1.9
Fail
2.2
Fail
1.5
Fail
1.3
Fail
—
1.5
Fail
1.7
Fail
2.2
Fail
1.9
Fail
1.5
Fail
—
1.2
Fail
2.5
Fail
2.2
Fail
1.7
Fail
1.2
Fail
—
White BG
1.4Fail
1.6Fail
2.0Fail
3.0Fail
3.4AA Large
Black BG
15.5AAA
13.5AAA
10.3AAA
7.1AAA
6.1AA

Color Blindness Simulation Color Blindness Simulation

Protanopia

E5E5B4
DEDE99
D0CF67
B8B759
ACAB59

Deuteranopia

E6E7B7
E0E39D
D4DA6C
BFC95A
B6C159

Tritanopia

EABEC1
EBA6A8
EC777A
EA5E5F
E85858

Achromatopsia

DCDCDC
CECECE
B3B3B3
929292
838383

Shades & Tints Shades & Tints

#EBDEA6

Dark
Light

#EDCB89

Dark
Light

#F0A653

Dark
Light

Code Snippets Code Snippets

CSS Custom Properties

:root {
  --color-1: #ebdea6;
  --color-2: #edcb89;
  --color-3: #f0a653;
  --color-4: #f06e52;
  --color-5: #f0545b;
}

SCSS

$color-1: #ebdea6;
$color-2: #edcb89;
$color-3: #f0a653;
$color-4: #f06e52;
$color-5: #f0545b;

TAILWIND

colors: {
  'brand-1': '#ebdea6',
  'brand-2': '#edcb89',
  'brand-3': '#f0a653',
  'brand-4': '#f06e52',
  'brand-5': '#f0545b',
}

RGB Array

[235, 222, 166], [237, 203, 137], [240, 166, 83], [240, 110, 82], [240, 84, 91]

FAQ FAQ

What scenarios is this 5-color palette suitable for?

This general-style palette of #EBDEA6, #EDCB89, #F0A653, #F06E52, #F0545B 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: #ebdea6; --color-2: #edcb89; --color-3: #f0a653; --color-4: #f06e52; --color-5: #f0545b. 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