← Back to Editor

#EEE1C6 · #B68F63 · #E3712B · #EA871C · #F3CE70

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

#EEE1C6

Goose Yellow · Bisque · Lemon Cream

HEX
#EEE1C6
RGB
rgb(238, 225, 198)
HSL
hsl(40, 54%, 85%)
HSB
hsb(40, 17%, 93%)
CMYK
cmyk(0%, 5%, 17%, 7%)
Oklch
oklch(91.3% 0.038 85.3)

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

#B68F63

Ginger · DarkSalmon · Warm Sun

HEX
#B68F63
RGB
rgb(182, 143, 99)
HSL
hsl(32, 36%, 55%)
HSB
hsb(32, 46%, 71%)
CMYK
cmyk(0%, 21%, 46%, 29%)
Oklch
oklch(67.6% 0.076 69.3)

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

#E3712B

Tangerine · Chocolate · Warm Sun

HEX
#E3712B
RGB
rgb(227, 113, 43)
HSL
hsl(23, 77%, 53%)
HSB
hsb(23, 81%, 89%)
CMYK
cmyk(0%, 50%, 81%, 11%)
Oklch
oklch(67.2% 0.162 48.0)

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

#EA871C

Ginger · GoldenRod · Warm Sun

HEX
#EA871C
RGB
rgb(234, 135, 28)
HSL
hsl(31, 83%, 51%)
HSB
hsb(31, 88%, 92%)
CMYK
cmyk(0%, 42%, 88%, 8%)
Oklch
oklch(71.6% 0.160 60.0)

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

#F3CE70

Ginger · Khaki · Sunflower

HEX
#F3CE70
RGB
rgb(243, 206, 112)
HSL
hsl(43, 85%, 70%)
HSB
hsb(43, 54%, 95%)
CMYK
cmyk(0%, 15%, 54%, 5%)
Oklch
oklch(86.4% 0.121 88.3)

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

Color Harmonies Color Harmonies

Based on color wheel theory, calculated from primary color

Complementary

EEE1C6
C4D2ED

Analogous

EDCBC4
EEE1C6
E7EDC4

Triadic

EEE1C6
C4EDE0
E0C4ED

Split-Comp.

EEE1C6
C4E7ED
CBC4ED

Tetradic

EEE1C6
C4EDCB
C4D2ED
EDC4E7

Contrast Matrix WCAG 2.1 Contrast

EEE1C6
B68F63
E3712B
EA871C
F3CE70
—
2.3
Fail
2.4
Fail
2.0
Fail
1.2
Fail
2.3
Fail
—
1.1
Fail
1.1
Fail
2.0
Fail
2.4
Fail
1.1
Fail
—
1.2
Fail
2.1
Fail
2.0
Fail
1.1
Fail
1.2
Fail
—
1.7
Fail
1.2
Fail
2.0
Fail
2.1
Fail
1.7
Fail
—
White BG
1.3Fail
3.0Fail
3.2AA Large
2.6Fail
1.5Fail
Black BG
16.2AAA
7.1AAA
6.7AA
8.0AAA
13.9AAA

Color Blindness Simulation Color Blindness Simulation

Protanopia

E8E8CD
A5A56E
B2B13C
BFBE36
E3E387

Deuteranopia

E9EACE
A7AA70
B8C140
C5CC3C
E5E88C

Tritanopia

EDD2D3
B47678
DD494C
E54A4F
F1999D

Achromatopsia

E2E2E2
969696
8B8B8B
989898
CECECE

Shades & Tints Shades & Tints

#EEE1C6

Dark
Light

#B68F63

Dark
Light

#E3712B

Dark
Light

Code Snippets Code Snippets

CSS Custom Properties

:root {
  --color-1: #eee1c6;
  --color-2: #b68f63;
  --color-3: #e3712b;
  --color-4: #ea871c;
  --color-5: #f3ce70;
}

SCSS

$color-1: #eee1c6;
$color-2: #b68f63;
$color-3: #e3712b;
$color-4: #ea871c;
$color-5: #f3ce70;

TAILWIND

colors: {
  'brand-1': '#eee1c6',
  'brand-2': '#b68f63',
  'brand-3': '#e3712b',
  'brand-4': '#ea871c',
  'brand-5': '#f3ce70',
}

RGB Array

[238, 225, 198], [182, 143, 99], [227, 113, 43], [234, 135, 28], [243, 206, 112]

FAQ FAQ

What scenarios is this 5-color palette suitable for?

This general-style palette of #EEE1C6, #B68F63, #E3712B, #EA871C, #F3CE70 is ideal for: social media posters, mobile apps, e-commerce promos. 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: #eee1c6; --color-2: #b68f63; --color-3: #e3712b; --color-4: #ea871c; --color-5: #f3ce70. 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?

Medium-brightness colors suit brand primary and accent colors. Use the darkest for text, lightest for backgrounds, and mid-tones for emphasis. 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