← Back to Editor

#E3C99F · #C2BBA1 · #A6A6A6 · #B38989 · #FF7040

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

Scene Recommendations Scene Recommendations

Emotion EMOTION

AiryCleanWarm

Industry INDUSTRY

HealthcareSaaS

UI Context UI CONTEXT

WorkspaceReading

Color Details Color Details

#E3C99F

Goose Yellow · BurlyWood · Peach Orange

HEX
#E3C99F
RGB
rgb(227, 201, 159)
HSL
hsl(37, 55%, 76%)
HSB
hsb(37, 30%, 89%)
CMYK
cmyk(0%, 11%, 30%, 11%)
Oklch
oklch(84.7% 0.063 79.6)

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

#C2BBA1

Ginger · Tan · Sunflower

HEX
#C2BBA1
RGB
rgb(194, 187, 161)
HSL
hsl(47, 21%, 70%)
HSB
hsb(47, 17%, 76%)
CMYK
cmyk(0%, 4%, 17%, 24%)
Oklch
oklch(79.1% 0.036 94.6)

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

#A6A6A6

Ash · DarkGray · Silver Sand

HEX
#A6A6A6
RGB
rgb(166, 166, 166)
HSL
hsl(0, 0%, 65%)
HSB
hsb(0, 0%, 65%)
CMYK
cmyk(0%, 0%, 0%, 35%)
Oklch
oklch(72.5% 0.000 89.9)

Traditional「Ash」· Paint「Silver Sand」· Creative Urban Concrete

#B38989

Peach Pink · DarkGray · Coral Red

HEX
#B38989
RGB
rgb(179, 137, 137)
HSL
hsl(0, 22%, 62%)
HSB
hsb(0, 23%, 70%)
CMYK
cmyk(0%, 23%, 23%, 30%)
Oklch
oklch(67.0% 0.052 18.5)

Traditional「Peach Pink」· Paint「Coral Red」· Creative Blush Sunrise

#FF7040

Apricot · Tomato · Warm Sun

HEX
#FF7040
RGB
rgb(255, 112, 64)
HSL
hsl(15, 100%, 63%)
HSB
hsb(15, 75%, 100%)
CMYK
cmyk(0%, 56%, 75%, 0%)
Oklch
oklch(71.2% 0.186 38.5)

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

Color Harmonies Color Harmonies

Based on color wheel theory, calculated from primary color

Complementary

E3C99F
A0BAE3

Analogous

E3A8A0
E3C99F
DCE3A0

Triadic

E3C99F
A0E3CA
CAA0E3

Split-Comp.

E3C99F
A0DCE3
A8A0E3

Tetradic

E3C99F
A0E3A8
A0BAE3
E3A0DC

Contrast Matrix WCAG 2.1 Contrast

E3C99F
C2BBA1
A6A6A6
B38989
FF7040
—
1.2
Fail
1.5
Fail
1.9
Fail
1.7
Fail
1.2
Fail
—
1.3
Fail
1.6
Fail
1.4
Fail
1.5
Fail
1.3
Fail
—
1.3
Fail
1.1
Fail
1.9
Fail
1.6
Fail
1.3
Fail
—
1.1
Fail
1.7
Fail
1.4
Fail
1.1
Fail
1.1
Fail
—
White BG
1.6Fail
1.9Fail
2.4Fail
3.1AA Large
2.7Fail
Black BG
13.1AAA
10.9AAA
8.6AAA
6.9AA
7.6AAA

Color Blindness Simulation Color Blindness Simulation

Protanopia

D8D8A9
BFBFA7
A6A6A6
A1A089
C1C04C

Deuteranopia

D9DBAC
BFC0A9
A6A6A6
A3A689
C9D44E

Tritanopia

E2B1B3
C2ACAD
A6A6A6
B18989
F85557

Achromatopsia

CCCCCC
BABABA
A6A6A6
969696
959595

Shades & Tints Shades & Tints

#E3C99F

Dark
Light

#C2BBA1

Dark
Light

#A6A6A6

Dark
Light

Code Snippets Code Snippets

CSS Custom Properties

:root {
  --color-1: #e3c99f;
  --color-2: #c2bba1;
  --color-3: #a6a6a6;
  --color-4: #b38989;
  --color-5: #ff7040;
}

SCSS

$color-1: #e3c99f;
$color-2: #c2bba1;
$color-3: #a6a6a6;
$color-4: #b38989;
$color-5: #ff7040;

TAILWIND

colors: {
  'brand-1': '#e3c99f',
  'brand-2': '#c2bba1',
  'brand-3': '#a6a6a6',
  'brand-4': '#b38989',
  'brand-5': '#ff7040',
}

RGB Array

[227, 201, 159], [194, 187, 161], [166, 166, 166], [179, 137, 137], [255, 112, 64]

FAQ FAQ

What scenarios is this 5-color palette suitable for?

This general-style palette of #E3C99F, #C2BBA1, #A6A6A6, #B38989, #FF7040 is ideal for: health products, baby brands, fresh-style blogs. 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: #e3c99f; --color-2: #c2bba1; --color-3: #a6a6a6; --color-4: #b38989; --color-5: #ff7040. 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 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