← Back to Editor

#E2AA53 · #C1AD92 · #C6C09C · #D8BA9E · #FFB0B0

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

#E2AA53

Ginger · SandyBrown · Warm Sun

HEX
#E2AA53
RGB
rgb(226, 170, 83)
HSL
hsl(37, 71%, 61%)
HSB
hsb(37, 63%, 89%)
CMYK
cmyk(0%, 25%, 63%, 11%)
Oklch
oklch(77.4% 0.123 76.1)

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

#C1AD92

Ginger · Tan · Warm Sun

HEX
#C1AD92
RGB
rgb(193, 173, 146)
HSL
hsl(34, 27%, 66%)
HSB
hsb(34, 24%, 76%)
CMYK
cmyk(0%, 10%, 24%, 24%)
Oklch
oklch(75.8% 0.044 75.3)

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

#C6C09C

Fresh Green · Tan · Sunflower

HEX
#C6C09C
RGB
rgb(198, 192, 156)
HSL
hsl(51, 27%, 69%)
HSB
hsb(51, 21%, 78%)
CMYK
cmyk(0%, 3%, 21%, 22%)
Oklch
oklch(80.3% 0.049 99.5)

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

#D8BA9E

Apricot · Tan · Warm Sun

HEX
#D8BA9E
RGB
rgb(216, 186, 158)
HSL
hsl(29, 43%, 73%)
HSB
hsb(29, 27%, 85%)
CMYK
cmyk(0%, 14%, 27%, 15%)
Oklch
oklch(80.8% 0.051 65.0)

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

#FFB0B0

Peach Pink · LightPink · Cherry Blossom

HEX
#FFB0B0
RGB
rgb(255, 176, 176)
HSL
hsl(0, 100%, 85%)
HSB
hsb(0, 31%, 100%)
CMYK
cmyk(0%, 31%, 31%, 0%)
Oklch
oklch(83.3% 0.093 19.2)

Traditional「Peach Pink」· Paint「Cherry Blossom」· Creative Blush Sunrise

Color Harmonies Color Harmonies

Based on color wheel theory, calculated from primary color

Complementary

E2AA53
558BE2

Analogous

E26555
E2AA53
D2E255

Triadic

E2AA53
55E2AC
AC55E2

Split-Comp.

E2AA53
55D2E2
6555E2

Tetradic

E2AA53
55E265
558BE2
E255D2

Contrast Matrix WCAG 2.1 Contrast

E2AA53
C1AD92
C6C09C
D8BA9E
FFB0B0
—
1.0
Fail
1.1
Fail
1.1
Fail
1.2
Fail
1.0
Fail
—
1.2
Fail
1.2
Fail
1.3
Fail
1.1
Fail
1.2
Fail
—
1.0
Fail
1.1
Fail
1.1
Fail
1.2
Fail
1.0
Fail
—
1.1
Fail
1.2
Fail
1.3
Fail
1.1
Fail
1.1
Fail
—
White BG
2.1Fail
2.2Fail
1.8Fail
1.8Fail
1.7Fail
Black BG
10.1AAA
9.7AAA
11.4AAA
11.4AAA
12.1AAA

Color Blindness Simulation Color Blindness Simulation

Protanopia

CAC968
B8B899
C3C3A5
CBCBA5
DDDCB0

Deuteranopia

CDD16D
BABB9A
C4C4A7
CDCFA6
E1E7B0

Tritanopia

DF797C
C09E9F
C6ACAD
D7AAAB
FBB0B0

Achromatopsia

B1B1B1
B0B0B0
BEBEBE
C0C0C0
C8C8C8

Shades & Tints Shades & Tints

#E2AA53

Dark
Light

#C1AD92

Dark
Light

#C6C09C

Dark
Light

Code Snippets Code Snippets

CSS Custom Properties

:root {
  --color-1: #e2aa53;
  --color-2: #c1ad92;
  --color-3: #c6c09c;
  --color-4: #d8ba9e;
  --color-5: #ffb0b0;
}

SCSS

$color-1: #e2aa53;
$color-2: #c1ad92;
$color-3: #c6c09c;
$color-4: #d8ba9e;
$color-5: #ffb0b0;

TAILWIND

colors: {
  'brand-1': '#e2aa53',
  'brand-2': '#c1ad92',
  'brand-3': '#c6c09c',
  'brand-4': '#d8ba9e',
  'brand-5': '#ffb0b0',
}

RGB Array

[226, 170, 83], [193, 173, 146], [198, 192, 156], [216, 186, 158], [255, 176, 176]

FAQ FAQ

What scenarios is this 5-color palette suitable for?

This general-style palette of #E2AA53, #C1AD92, #C6C09C, #D8BA9E, #FFB0B0 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: #e2aa53; --color-2: #c1ad92; --color-3: #c6c09c; --color-4: #d8ba9e; --color-5: #ffb0b0. 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