← Back to Editor

#E99E65 · #DC8655 · #A37754 · #B6C29E · #D7D49D

A 5-color palette palette · Complete color analysis and application guide

Scene Recommendations Scene Recommendations

Emotion EMOTION

HarmoniousVersatileWarm

Industry INDUSTRY

E-commerceBusiness

UI Context UI CONTEXT

Web PageComponent Library

Color Details Color Details

#E99E65

Apricot · SandyBrown · Warm Sun

HEX
#E99E65
RGB
rgb(233, 158, 101)
HSL
hsl(26, 75%, 65%)
HSB
hsb(26, 57%, 91%)
CMYK
cmyk(0%, 32%, 57%, 9%)
Oklch
oklch(76.1% 0.116 57.2)

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

#DC8655

Tangerine · Coral · Warm Sun

HEX
#DC8655
RGB
rgb(220, 134, 85)
HSL
hsl(22, 66%, 60%)
HSB
hsb(22, 61%, 86%)
CMYK
cmyk(0%, 39%, 61%, 14%)
Oklch
oklch(70.1% 0.124 49.4)

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

#A37754

Tangerine · Sienna · Amber Brown

HEX
#A37754
RGB
rgb(163, 119, 84)
HSL
hsl(27, 32%, 48%)
HSB
hsb(27, 48%, 64%)
CMYK
cmyk(0%, 27%, 48%, 36%)
Oklch
oklch(60.5% 0.074 59.3)

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

#B6C29E

Willow Green · DarkGray · Apple Green

HEX
#B6C29E
RGB
rgb(182, 194, 158)
HSL
hsl(80, 23%, 69%)
HSB
hsb(80, 19%, 76%)
CMYK
cmyk(6%, 0%, 19%, 24%)
Oklch
oklch(79.5% 0.051 122.5)

Traditional「Willow Green」· Paint「Apple Green」· Creative Mint Breeze

#D7D49D

Fresh Green · Khaki · Sunflower

HEX
#D7D49D
RGB
rgb(215, 212, 157)
HSL
hsl(57, 42%, 73%)
HSB
hsb(57, 27%, 84%)
CMYK
cmyk(0%, 1%, 27%, 16%)
Oklch
oklch(85.9% 0.072 105.2)

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

Color Harmonies Color Harmonies

Based on color wheel theory, calculated from primary color

Complementary

E99E65
63AFE9

Analogous

E9636C
E99E65
E9E063

Triadic

E99E65
63E99D
9D63E9

Split-Comp.

E99E65
63E9E0
636CE9

Tetradic

E99E65
6CE963
63AFE9
E063E9

Contrast Matrix WCAG 2.1 Contrast

E99E65
DC8655
A37754
B6C29E
D7D49D
—
1.3
Fail
1.8
Fail
1.2
Fail
1.4
Fail
1.3
Fail
—
1.4
Fail
1.5
Fail
1.8
Fail
1.8
Fail
1.4
Fail
—
2.1
Fail
2.6
Fail
1.2
Fail
1.5
Fail
2.1
Fail
—
1.2
Fail
1.4
Fail
1.8
Fail
2.6
Fail
1.2
Fail
—
White BG
2.2Fail
2.8Fail
3.9AA Large
1.9Fail
1.5Fail
Black BG
9.5AAA
7.6AAA
5.3AA
11.2AAA
13.8AAA

Color Blindness Simulation Color Blindness Simulation

Protanopia

C9C873
B7B661
90905C
BBBBA7
D6D6AA

Deuteranopia

CDD376
BCC264
93965F
BBBAA9
D6D6AE

Tritanopia

E57E80
D86A6C
A16365
B7AEAF
D7B5B7

Achromatopsia

AEAEAE
9A9A9A
808080
BABABA
CFCFCF

Shades & Tints Shades & Tints

#E99E65

Dark
Light

#DC8655

Dark
Light

#A37754

Dark
Light

Code Snippets Code Snippets

CSS Custom Properties

:root {
  --color-1: #e99e65;
  --color-2: #dc8655;
  --color-3: #a37754;
  --color-4: #b6c29e;
  --color-5: #d7d49d;
}

SCSS

$color-1: #e99e65;
$color-2: #dc8655;
$color-3: #a37754;
$color-4: #b6c29e;
$color-5: #d7d49d;

TAILWIND

colors: {
  'brand-1': '#e99e65',
  'brand-2': '#dc8655',
  'brand-3': '#a37754',
  'brand-4': '#b6c29e',
  'brand-5': '#d7d49d',
}

RGB Array

[233, 158, 101], [220, 134, 85], [163, 119, 84], [182, 194, 158], [215, 212, 157]

FAQ FAQ

What scenarios is this 5-color palette suitable for?

This general-style palette of #E99E65, #DC8655, #A37754, #B6C29E, #D7D49D is ideal for: corporate websites, product showcases, portfolios. It is a balanced and harmonious choice among 5-color palettes.

How to use this palette in CSS or frontend projects?

Copy the CSS variables directly: --color-1: #e99e65; --color-2: #dc8655; --color-3: #a37754; --color-4: #b6c29e; --color-5: #d7d49d. 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 tech, SaaS, healthcare, eco industries. 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