#A95C64 + #E6E8D0 + #DCC599 + #D6804F + #E46049 - Color Palette

Scene Recommendations Scene Recommendations

Emotion EMOTION

AiryCleanWarm

Industry INDUSTRY

HealthcareSaaS

UI Context UI CONTEXT

WorkspaceReading

Color Details Color Details

#A95C64

Crimson · Sienna · Passion Red

HEX

#A95C64

RGB

rgb(169, 92, 100)

HSL

hsl(354, 31%, 51%)

HSB

hsb(354, 46%, 66%)

CMYK

cmyk(0%, 46%, 41%, 34%)

Oklch

oklch(56.6% 0.101 14.2)

Traditional「Crimson」· Paint「Passion Red」· Creative Blush Sunrise

#E6E8D0

Fresh Green · Beige · Lemon Cream

HEX

#E6E8D0

RGB

rgb(230, 232, 208)

HSL

hsl(65, 34%, 86%)

HSB

hsb(65, 10%, 91%)

CMYK

cmyk(1%, 0%, 10%, 9%)

Oklch

oklch(92.3% 0.032 110.9)

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

#DCC599

Goose Yellow · BurlyWood · Warm Sun

HEX

#DCC599

RGB

rgb(220, 197, 153)

HSL

hsl(39, 49%, 73%)

HSB

hsb(39, 30%, 86%)

CMYK

cmyk(0%, 10%, 30%, 14%)

Oklch

oklch(83.2% 0.064 83.5)

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

#D6804F

Tangerine · Coral · Warm Sun

HEX

#D6804F

RGB

rgb(214, 128, 79)

HSL

hsl(22, 62%, 57%)

HSB

hsb(22, 63%, 84%)

CMYK

cmyk(0%, 40%, 63%, 16%)

Oklch

oklch(68.2% 0.124 49.3)

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

#E46049

Vermilion · Tomato · Passion Red

HEX

#E46049

RGB

rgb(228, 96, 73)

HSL

hsl(9, 74%, 59%)

HSB

hsb(9, 68%, 89%)

CMYK

cmyk(0%, 58%, 68%, 11%)

Oklch

oklch(65.2% 0.169 31.9)

Traditional「Vermilion」· Paint「Passion Red」· Creative Blush Sunrise

Color Harmonies Color Harmonies

Based on color wheel theory, calculated from primary color

Complementary

A95C64

5BA9A1

Analogous

A95B8A

A95C64

A97A5B

Triadic

A95C64

63A95B

5B63A9

Split-Comp.

A95C64

5BA97A

5B8AA9

Tetradic

A95C64

8AA95B

5BA9A1

7A5BA9

Contrast Matrix WCAG 2.1 Contrast

A95C64	E6E8D0	DCC599	D6804F	E46049
—	3.8 AA Large	2.8 Fail	1.6 Fail	1.4 Fail
3.8 AA Large	—	1.3 Fail	2.4 Fail	2.8 Fail
2.8 Fail	1.3 Fail	—	1.8 Fail	2.1 Fail
1.6 Fail	2.4 Fail	1.8 Fail	—	1.2 Fail
1.4 Fail	2.8 Fail	2.1 Fail	1.2 Fail	—

White BG

4.8AA

1.2Fail

1.7Fail

3.0Fail

3.5AA Large

Black BG

4.4AA Large

16.8AAA

12.5AAA

7.1AAA

6.1AA

Color Blindness Simulation Color Blindness Simulation

Protanopia

888762

E7E7D6

D2D2A4

B1B05B

ABAA4F

Deuteranopia

8C9262

E7E7D7

D3D5A6

B6BC5E

B3BC50

Tritanopia

A56160

E6DADB

DBACAE

D26466

DD5354

Achromatopsia

747474

E5E5E5

C7C7C7

949494

858585

Shades & Tints Shades & Tints

#A95C64

Dark

Light

#E6E8D0

Dark

Light

#DCC599

Dark

Light

Code Snippets Code Snippets

CSS Custom Properties

:root {
  --color-1: #a95c64;
  --color-2: #e6e8d0;
  --color-3: #dcc599;
  --color-4: #d6804f;
  --color-5: #e46049;
}

SCSS

$color-1: #a95c64;
$color-2: #e6e8d0;
$color-3: #dcc599;
$color-4: #d6804f;
$color-5: #e46049;

TAILWIND

colors: {
  'brand-1': '#a95c64',
  'brand-2': '#e6e8d0',
  'brand-3': '#dcc599',
  'brand-4': '#d6804f',
  'brand-5': '#e46049',
}

RGB Array

[169, 92, 100], [230, 232, 208], [220, 197, 153], [214, 128, 79], [228, 96, 73]

FAQ FAQ

What scenarios is this 5-color palette suitable for?

This general-style palette of #A95C64, #E6E8D0, #DCC599, #D6804F, #E46049 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: #a95c64; --color-2: #e6e8d0; --color-3: #dcc599; --color-4: #d6804f; --color-5: #e46049. 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