← Back to Editor

#DEB86F · #FFF7CD · #FDF1BD · #CA9957 · #E0B765

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

#DEB86F

Ginger · BurlyWood · Warm Sun

HEX
#DEB86F
RGB
rgb(222, 184, 111)
HSL
hsl(39, 63%, 65%)
HSB
hsb(39, 50%, 87%)
CMYK
cmyk(0%, 17%, 50%, 13%)
Oklch
oklch(80.1% 0.102 82.7)

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

#FFF7CD

Fresh Green · Beige · Lemon Cream

HEX
#FFF7CD
RGB
rgb(255, 247, 205)
HSL
hsl(50, 100%, 90%)
HSB
hsb(50, 20%, 100%)
CMYK
cmyk(0%, 3%, 20%, 0%)
Oklch
oklch(97.2% 0.055 98.4)

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

#FDF1BD

Goose Yellow · Bisque · Lemon Cream

HEX
#FDF1BD
RGB
rgb(253, 241, 189)
HSL
hsl(49, 94%, 87%)
HSB
hsb(49, 25%, 99%)
CMYK
cmyk(0%, 5%, 25%, 1%)
Oklch
oklch(95.5% 0.068 96.6)

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

#CA9957

Ginger · SandyBrown · Warm Sun

HEX
#CA9957
RGB
rgb(202, 153, 87)
HSL
hsl(34, 52%, 57%)
HSB
hsb(34, 57%, 79%)
CMYK
cmyk(0%, 24%, 57%, 21%)
Oklch
oklch(71.6% 0.102 73.1)

Traditional「Ginger」· Paint「Warm Sun」· Creative Blush Sunrise

#E0B765

Ginger · SandyBrown · Sunflower

HEX
#E0B765
RGB
rgb(224, 183, 101)
HSL
hsl(40, 66%, 64%)
HSB
hsb(40, 55%, 88%)
CMYK
cmyk(0%, 18%, 55%, 12%)
Oklch
oklch(79.9% 0.111 83.3)

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

Color Harmonies Color Harmonies

Based on color wheel theory, calculated from primary color

Complementary

DEB86F
6E95DE

Analogous

DE7E6E
DEB86F
CDDE6E

Triadic

DEB86F
6EDEB7
B76EDE

Split-Comp.

DEB86F
6ECDDE
7E6EDE

Tetradic

DEB86F
6EDE7E
6E95DE
DE6ECD

Contrast Matrix WCAG 2.1 Contrast

DEB86F
FFF7CD
FDF1BD
CA9957
E0B765
—
1.7
Fail
1.7
Fail
1.4
Fail
1.0
Fail
1.7
Fail
—
1.1
Fail
2.4
Fail
1.7
Fail
1.7
Fail
1.1
Fail
—
2.3
Fail
1.7
Fail
1.4
Fail
2.4
Fail
2.3
Fail
—
1.4
Fail
1.0
Fail
1.7
Fail
1.7
Fail
1.4
Fail
—
White BG
1.9Fail
1.1Fail
1.1Fail
2.6Fail
1.9Fail
Black BG
11.2AAA
19.4AAA
18.5AAA
8.2AAA
11.1AAA

Color Blindness Simulation Color Blindness Simulation

Protanopia

CECD81
FCFBD7
F8F8CA
B5B467
CECE79

Deuteranopia

D0D385
FCFDDA
F9F9CD
B8BB6B
D1D47E

Tritanopia

DC8F92
FFDFE1
FCD4D6
C87476
DE898C

Achromatopsia

BBBBBB
F5F5F5
EFEFEF
A0A0A0
BABABA

Shades & Tints Shades & Tints

#DEB86F

Dark
Light

#FFF7CD

Dark
Light

#FDF1BD

Dark
Light

Code Snippets Code Snippets

CSS Custom Properties

:root {
  --color-1: #deb86f;
  --color-2: #fff7cd;
  --color-3: #fdf1bd;
  --color-4: #ca9957;
  --color-5: #e0b765;
}

SCSS

$color-1: #deb86f;
$color-2: #fff7cd;
$color-3: #fdf1bd;
$color-4: #ca9957;
$color-5: #e0b765;

TAILWIND

colors: {
  'brand-1': '#deb86f',
  'brand-2': '#fff7cd',
  'brand-3': '#fdf1bd',
  'brand-4': '#ca9957',
  'brand-5': '#e0b765',
}

RGB Array

[222, 184, 111], [255, 247, 205], [253, 241, 189], [202, 153, 87], [224, 183, 101]

FAQ FAQ

What scenarios is this 5-color palette suitable for?

This general-style palette of #DEB86F, #FFF7CD, #FDF1BD, #CA9957, #E0B765 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: #deb86f; --color-2: #fff7cd; --color-3: #fdf1bd; --color-4: #ca9957; --color-5: #e0b765. 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