← Back to Editor

#DB594B · #F1886B · #FEAD6E · #FFC96F · #FFE5B7

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

#DB594B

Vermilion · Tomato · Passion Red

HEX
#DB594B
RGB
rgb(219, 89, 75)
HSL
hsl(6, 67%, 58%)
HSB
hsb(6, 66%, 86%)
CMYK
cmyk(0%, 59%, 66%, 14%)
Oklch
oklch(62.9% 0.166 28.8)

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

#F1886B

Peach Pink · Salmon · Coral Red

HEX
#F1886B
RGB
rgb(241, 136, 107)
HSL
hsl(13, 83%, 68%)
HSB
hsb(13, 56%, 95%)
CMYK
cmyk(0%, 44%, 56%, 5%)
Oklch
oklch(73.4% 0.135 36.3)

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

#FEAD6E

Apricot · LightSalmon · Warm Sun

HEX
#FEAD6E
RGB
rgb(254, 173, 110)
HSL
hsl(26, 99%, 71%)
HSB
hsb(26, 57%, 100%)
CMYK
cmyk(0%, 32%, 57%, 0%)
Oklch
oklch(81.3% 0.124 57.7)

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

#FFC96F

Goose Yellow · SandyBrown · Warm Sun

HEX
#FFC96F
RGB
rgb(255, 201, 111)
HSL
hsl(38, 100%, 72%)
HSB
hsb(38, 56%, 100%)
CMYK
cmyk(0%, 21%, 56%, 0%)
Oklch
oklch(86.6% 0.124 78.7)

Traditional「Goose Yellow」· Paint「Warm Sun」· Creative Honey Glow

#FFE5B7

Goose Yellow · Wheat · Peach Orange

HEX
#FFE5B7
RGB
rgb(255, 229, 183)
HSL
hsl(38, 100%, 86%)
HSB
hsb(38, 28%, 100%)
CMYK
cmyk(0%, 10%, 28%, 0%)
Oklch
oklch(93.2% 0.066 81.8)

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

Color Harmonies Color Harmonies

Based on color wheel theory, calculated from primary color

Complementary

DB594B
4CCDDC

Analogous

DC4C86
DB594B
DCA24C

Triadic

DB594B
4CDC5A
5A4CDC

Split-Comp.

DB594B
4CDCA2
4C86DC

Tetradic

DB594B
86DC4C
4CCDDC
A24CDC

Contrast Matrix WCAG 2.1 Contrast

DB594B
F1886B
FEAD6E
FFC96F
FFE5B7
—
1.5
Fail
2.1
Fail
2.5
Fail
3.1
AA Large
1.5
Fail
—
1.3
Fail
1.6
Fail
2.0
Fail
2.1
Fail
1.3
Fail
—
1.2
Fail
1.5
Fail
2.5
Fail
1.6
Fail
1.2
Fail
—
1.2
Fail
3.1
AA Large
2.0
Fail
1.5
Fail
1.2
Fail
—
White BG
3.8AA Large
2.5Fail
1.8Fail
1.5Fail
1.2Fail
Black BG
5.5AA
8.5AAA
11.4AAA
13.8AAA
17.1AAA

Color Blindness Simulation Color Blindness Simulation

Protanopia

A3A24E
C4C372
DBDA7D
E8E785
F4F4C2

Deuteranopia

AAB44F
CAD274
E0E681
EBEF8A
F5F7C5

Tritanopia

D45152
EC7879
FA898C
FC969A
FECBCD

Achromatopsia

7E7E7E
A4A4A4
BEBEBE
CFCFCF
E8E8E8

Shades & Tints Shades & Tints

#DB594B

Dark
Light

#F1886B

Dark
Light

#FEAD6E

Dark
Light

Code Snippets Code Snippets

CSS Custom Properties

:root {
  --color-1: #db594b;
  --color-2: #f1886b;
  --color-3: #fead6e;
  --color-4: #ffc96f;
  --color-5: #ffe5b7;
}

SCSS

$color-1: #db594b;
$color-2: #f1886b;
$color-3: #fead6e;
$color-4: #ffc96f;
$color-5: #ffe5b7;

TAILWIND

colors: {
  'brand-1': '#db594b',
  'brand-2': '#f1886b',
  'brand-3': '#fead6e',
  'brand-4': '#ffc96f',
  'brand-5': '#ffe5b7',
}

RGB Array

[219, 89, 75], [241, 136, 107], [254, 173, 110], [255, 201, 111], [255, 229, 183]

FAQ FAQ

What scenarios is this 5-color palette suitable for?

This general-style palette of #DB594B, #F1886B, #FEAD6E, #FFC96F, #FFE5B7 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: #db594b; --color-2: #f1886b; --color-3: #fead6e; --color-4: #ffc96f; --color-5: #ffe5b7. 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