← Back to Editor

#EEAA66 · #F1D9C1 · #CD661D · #FDCEB3 · #D3C3B9

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

#EEAA66

Ginger · SandyBrown · Warm Sun

HEX
#EEAA66
RGB
rgb(238, 170, 102)
HSL
hsl(30, 80%, 67%)
HSB
hsb(30, 57%, 93%)
CMYK
cmyk(0%, 29%, 57%, 7%)
Oklch
oklch(78.9% 0.117 64.7)

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

#F1D9C1

Goose Yellow · Wheat · Peach Orange

HEX
#F1D9C1
RGB
rgb(241, 217, 193)
HSL
hsl(30, 63%, 85%)
HSB
hsb(30, 20%, 95%)
CMYK
cmyk(0%, 10%, 20%, 5%)
Oklch
oklch(89.9% 0.042 67.3)

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

#CD661D

Tangerine · Chocolate · Amber Brown

HEX
#CD661D
RGB
rgb(205, 102, 29)
HSL
hsl(25, 75%, 46%)
HSB
hsb(25, 86%, 80%)
CMYK
cmyk(0%, 50%, 86%, 20%)
Oklch
oklch(62.3% 0.152 50.1)

Traditional「Tangerine」· Paint「Amber Brown」· Creative Blush Sunrise

#FDCEB3

Apricot · Wheat · Peach Orange

HEX
#FDCEB3
RGB
rgb(253, 206, 179)
HSL
hsl(22, 95%, 85%)
HSB
hsb(22, 29%, 99%)
CMYK
cmyk(0%, 19%, 29%, 1%)
Oklch
oklch(88.5% 0.065 51.5)

Traditional「Apricot」· Paint「Peach Orange」· Creative Honey Glow

#D3C3B9

Apricot · Silver · Peach Orange

HEX
#D3C3B9
RGB
rgb(211, 195, 185)
HSL
hsl(23, 23%, 78%)
HSB
hsb(23, 12%, 83%)
CMYK
cmyk(0%, 8%, 12%, 17%)
Oklch
oklch(82.8% 0.023 54.3)

Traditional「Apricot」· Paint「Peach Orange」· Creative Honey Glow

Color Harmonies Color Harmonies

Based on color wheel theory, calculated from primary color

Complementary

EEAA66
68ABEE

Analogous

EE6868
EEAA66
EEEE68

Triadic

EEAA66
68EEAB
AB68EE

Split-Comp.

EEAA66
68EEEE
6868EE

Tetradic

EEAA66
68EE68
68ABEE
EE68EE

Contrast Matrix WCAG 2.1 Contrast

EEAA66
F1D9C1
CD661D
FDCEB3
D3C3B9
—
1.5
Fail
1.9
Fail
1.4
Fail
1.2
Fail
1.5
Fail
—
2.8
Fail
1.1
Fail
1.3
Fail
1.9
Fail
2.8
Fail
—
2.7
Fail
2.2
Fail
1.4
Fail
1.1
Fail
2.7
Fail
—
1.2
Fail
1.2
Fail
1.3
Fail
2.2
Fail
1.2
Fail
—
White BG
2.0Fail
1.4Fail
3.8AA Large
1.4Fail
1.7Fail
Black BG
10.6AAA
15.4AAA
5.5AA
14.7AAA
12.3AAA

Color Blindness Simulation Color Blindness Simulation

Protanopia

D1D076
E7E6C7
A09F2F
E9E8BA
CCCCBB

Deuteranopia

D5DA7A
E8EAC8
A6AE33
EBEFBB
CDCEBC

Tritanopia

EB8386
F0CBCC
C83D40
FBBFC0
D2BDBE

Achromatopsia

B7B7B7
DDDDDD
7C7C7C
D9D9D9
C7C7C7

Shades & Tints Shades & Tints

#EEAA66

Dark
Light

#F1D9C1

Dark
Light

#CD661D

Dark
Light

Code Snippets Code Snippets

CSS Custom Properties

:root {
  --color-1: #eeaa66;
  --color-2: #f1d9c1;
  --color-3: #cd661d;
  --color-4: #fdceb3;
  --color-5: #d3c3b9;
}

SCSS

$color-1: #eeaa66;
$color-2: #f1d9c1;
$color-3: #cd661d;
$color-4: #fdceb3;
$color-5: #d3c3b9;

TAILWIND

colors: {
  'brand-1': '#eeaa66',
  'brand-2': '#f1d9c1',
  'brand-3': '#cd661d',
  'brand-4': '#fdceb3',
  'brand-5': '#d3c3b9',
}

RGB Array

[238, 170, 102], [241, 217, 193], [205, 102, 29], [253, 206, 179], [211, 195, 185]

FAQ FAQ

What scenarios is this 5-color palette suitable for?

This general-style palette of #EEAA66, #F1D9C1, #CD661D, #FDCEB3, #D3C3B9 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: #eeaa66; --color-2: #f1d9c1; --color-3: #cd661d; --color-4: #fdceb3; --color-5: #d3c3b9. 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