← Back to Editor

#DE5A54 · #EC9A6A · #DCBE68 · #F6EC92 · #F6EFAD

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

#DE5A54

Vermilion · Tomato · Passion Red

HEX
#DE5A54
RGB
rgb(222, 90, 84)
HSL
hsl(3, 68%, 60%)
HSB
hsb(3, 62%, 87%)
CMYK
cmyk(0%, 59%, 62%, 13%)
Oklch
oklch(63.7% 0.167 25.5)

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

#EC9A6A

Apricot · SandyBrown · Warm Sun

HEX
#EC9A6A
RGB
rgb(236, 154, 106)
HSL
hsl(22, 77%, 67%)
HSB
hsb(22, 55%, 93%)
CMYK
cmyk(0%, 35%, 55%, 7%)
Oklch
oklch(75.8% 0.117 50.6)

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

#DCBE68

Ginger · BurlyWood · Sunflower

HEX
#DCBE68
RGB
rgb(220, 190, 104)
HSL
hsl(44, 62%, 64%)
HSB
hsb(44, 53%, 86%)
CMYK
cmyk(0%, 14%, 53%, 14%)
Oklch
oklch(81.0% 0.111 90.6)

Traditional「Ginger」· Paint「Sunflower」· Creative Lemon Fizz

#F6EC92

Fresh Green · Khaki · Lemon Cream

HEX
#F6EC92
RGB
rgb(246, 236, 146)
HSL
hsl(54, 85%, 77%)
HSB
hsb(54, 41%, 96%)
CMYK
cmyk(0%, 4%, 41%, 4%)
Oklch
oklch(93.2% 0.112 102.8)

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

#F6EFAD

Fresh Green · Wheat · Lemon Cream

HEX
#F6EFAD
RGB
rgb(246, 239, 173)
HSL
hsl(54, 80%, 82%)
HSB
hsb(54, 30%, 96%)
CMYK
cmyk(0%, 3%, 30%, 4%)
Oklch
oklch(94.2% 0.084 102.8)

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

Color Harmonies Color Harmonies

Based on color wheel theory, calculated from primary color

Complementary

DE5A54
54D7DE

Analogous

DE5492
DE5A54
DEA054

Triadic

DE5A54
54DE5B
5B54DE

Split-Comp.

DE5A54
54DEA0
5492DE

Tetradic

DE5A54
92DE54
54D7DE
A054DE

Contrast Matrix WCAG 2.1 Contrast

DE5A54
EC9A6A
DCBE68
F6EC92
F6EFAD
—
1.6
Fail
2.0
Fail
3.0
AA Large
3.1
AA Large
1.6
Fail
—
1.2
Fail
1.8
Fail
1.9
Fail
2.0
Fail
1.2
Fail
—
1.5
Fail
1.5
Fail
3.0
AA Large
1.8
Fail
1.5
Fail
—
1.0
Fail
3.1
AA Large
1.9
Fail
1.5
Fail
1.0
Fail
—
White BG
3.7AA Large
2.2Fail
1.8Fail
1.2Fail
1.2Fail
Black BG
5.7AA
9.4AAA
11.6AAA
17.3AAA
17.9AAA

Color Blindness Simulation Color Blindness Simulation

Protanopia

A5A455
C8C876
CFCF7D
F2F2A8
F3F3BD

Deuteranopia

ADB656
CDD378
D1D382
F2F3AD
F3F4C1

Tritanopia

D75757
E87F81
DB8D91
F6B9BD
F6CACC

Achromatopsia

818181
ADADAD
BDBDBD
E5E5E5
EAEAEA

Shades & Tints Shades & Tints

#DE5A54

Dark
Light

#EC9A6A

Dark
Light

#DCBE68

Dark
Light

Code Snippets Code Snippets

CSS Custom Properties

:root {
  --color-1: #de5a54;
  --color-2: #ec9a6a;
  --color-3: #dcbe68;
  --color-4: #f6ec92;
  --color-5: #f6efad;
}

SCSS

$color-1: #de5a54;
$color-2: #ec9a6a;
$color-3: #dcbe68;
$color-4: #f6ec92;
$color-5: #f6efad;

TAILWIND

colors: {
  'brand-1': '#de5a54',
  'brand-2': '#ec9a6a',
  'brand-3': '#dcbe68',
  'brand-4': '#f6ec92',
  'brand-5': '#f6efad',
}

RGB Array

[222, 90, 84], [236, 154, 106], [220, 190, 104], [246, 236, 146], [246, 239, 173]

FAQ FAQ

What scenarios is this 5-color palette suitable for?

This general-style palette of #DE5A54, #EC9A6A, #DCBE68, #F6EC92, #F6EFAD 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: #de5a54; --color-2: #ec9a6a; --color-3: #dcbe68; --color-4: #f6ec92; --color-5: #f6efad. 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