← Back to Editor

#C8B87A · #D3D89E · #F2EC96 · #EEBE80 · #E98956

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

#C8B87A

Ginger · Tan · Sunflower

HEX
#C8B87A
RGB
rgb(200, 184, 122)
HSL
hsl(48, 41%, 63%)
HSB
hsb(48, 39%, 78%)
CMYK
cmyk(0%, 8%, 39%, 22%)
Oklch
oklch(78.2% 0.083 95.4)

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

#D3D89E

Fresh Green · Khaki · Sunflower

HEX
#D3D89E
RGB
rgb(211, 216, 158)
HSL
hsl(65, 43%, 73%)
HSB
hsb(65, 27%, 85%)
CMYK
cmyk(2%, 0%, 27%, 15%)
Oklch
oklch(86.4% 0.076 112.0)

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

#F2EC96

Fresh Green · Khaki · Lemon Cream

HEX
#F2EC96
RGB
rgb(242, 236, 150)
HSL
hsl(56, 78%, 77%)
HSB
hsb(56, 38%, 95%)
CMYK
cmyk(0%, 2%, 38%, 5%)
Oklch
oklch(92.9% 0.107 104.9)

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

#EEBE80

Goose Yellow · BurlyWood · Warm Sun

HEX
#EEBE80
RGB
rgb(238, 190, 128)
HSL
hsl(34, 76%, 72%)
HSB
hsb(34, 46%, 93%)
CMYK
cmyk(0%, 20%, 46%, 7%)
Oklch
oklch(83.1% 0.096 73.0)

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

#E98956

Apricot · Coral · Warm Sun

HEX
#E98956
RGB
rgb(233, 137, 86)
HSL
hsl(21, 77%, 63%)
HSB
hsb(21, 63%, 91%)
CMYK
cmyk(0%, 41%, 63%, 9%)
Oklch
oklch(72.3% 0.135 47.6)

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

Color Harmonies Color Harmonies

Based on color wheel theory, calculated from primary color

Complementary

C8B87A
7A89C7

Analogous

C7917A
C8B87A
B0C77A

Triadic

C8B87A
7AC7B8
B87AC7

Split-Comp.

C8B87A
7AB0C7
917AC7

Tetradic

C8B87A
7AC791
7A89C7
C77AB0

Contrast Matrix WCAG 2.1 Contrast

C8B87A
D3D89E
F2EC96
EEBE80
E98956
—
1.3
Fail
1.6
Fail
1.2
Fail
1.3
Fail
1.3
Fail
—
1.2
Fail
1.1
Fail
1.7
Fail
1.6
Fail
1.2
Fail
—
1.4
Fail
2.1
Fail
1.2
Fail
1.1
Fail
1.4
Fail
—
1.5
Fail
1.3
Fail
1.7
Fail
2.1
Fail
1.5
Fail
—
White BG
2.0Fail
1.5Fail
1.2Fail
1.7Fail
2.6Fail
Black BG
10.6AAA
14.1AAA
17.2AAA
12.3AAA
8.2AAA

Color Blindness Simulation Color Blindness Simulation

Protanopia

C1C189
D5D5AC
EFEFAB
D9D98F
BFBF62

Deuteranopia

C2C38D
D5D5AF
F0F0B0
DCE093
C5CC65

Tritanopia

C79597
D3B7BA
F2BBBF
EC9B9D
E46C6E

Achromatopsia

B6B6B6
D0D0D0
E4E4E4
C5C5C5
A0A0A0

Shades & Tints Shades & Tints

#C8B87A

Dark
Light

#D3D89E

Dark
Light

#F2EC96

Dark
Light

Code Snippets Code Snippets

CSS Custom Properties

:root {
  --color-1: #c8b87a;
  --color-2: #d3d89e;
  --color-3: #f2ec96;
  --color-4: #eebe80;
  --color-5: #e98956;
}

SCSS

$color-1: #c8b87a;
$color-2: #d3d89e;
$color-3: #f2ec96;
$color-4: #eebe80;
$color-5: #e98956;

TAILWIND

colors: {
  'brand-1': '#c8b87a',
  'brand-2': '#d3d89e',
  'brand-3': '#f2ec96',
  'brand-4': '#eebe80',
  'brand-5': '#e98956',
}

RGB Array

[200, 184, 122], [211, 216, 158], [242, 236, 150], [238, 190, 128], [233, 137, 86]

FAQ FAQ

What scenarios is this 5-color palette suitable for?

This general-style palette of #C8B87A, #D3D89E, #F2EC96, #EEBE80, #E98956 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: #c8b87a; --color-2: #d3d89e; --color-3: #f2ec96; --color-4: #eebe80; --color-5: #e98956. 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