← Back to Editor

#EECAA8 · #F3E0C0 · #D3936F · #A7997F · #7F7359

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

WorkspaceReadingData Visualization

Color Details Color Details

#EECAA8

Apricot · Wheat · Peach Orange

HEX
#EECAA8
RGB
rgb(238, 202, 168)
HSL
hsl(29, 67%, 80%)
HSB
hsb(29, 29%, 93%)
CMYK
cmyk(0%, 15%, 29%, 7%)
Oklch
oklch(86.1% 0.061 65.2)

Traditional「Apricot」· Paint「Peach Orange」· Creative Honey Glow

#F3E0C0

Goose Yellow · Bisque · Peach Orange

HEX
#F3E0C0
RGB
rgb(243, 224, 192)
HSL
hsl(38, 68%, 85%)
HSB
hsb(38, 21%, 95%)
CMYK
cmyk(0%, 8%, 21%, 5%)
Oklch
oklch(91.4% 0.047 80.8)

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

#D3936F

Apricot · DarkSalmon · Warm Sun

HEX
#D3936F
RGB
rgb(211, 147, 111)
HSL
hsl(22, 53%, 63%)
HSB
hsb(22, 47%, 83%)
CMYK
cmyk(0%, 30%, 47%, 17%)
Oklch
oklch(71.8% 0.092 50.1)

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

#A7997F

Ginger · DarkGray · Warm Sun

HEX
#A7997F
RGB
rgb(167, 153, 127)
HSL
hsl(39, 19%, 58%)
HSB
hsb(39, 24%, 65%)
CMYK
cmyk(0%, 8%, 24%, 35%)
Oklch
oklch(68.8% 0.040 82.9)

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

#7F7359

Ochre · DimGray · Honey Gold

HEX
#7F7359
RGB
rgb(127, 115, 89)
HSL
hsl(41, 18%, 42%)
HSB
hsb(41, 30%, 50%)
CMYK
cmyk(0%, 9%, 30%, 50%)
Oklch
oklch(55.9% 0.041 86.1)

Traditional「Ochre」· Paint「Honey Gold」· Creative Blush Sunrise

Color Harmonies Color Harmonies

Based on color wheel theory, calculated from primary color

Complementary

EECAA8
AACDEE

Analogous

EEAAAB
EECAA8
EEEDAA

Triadic

EECAA8
AAEECB
CBAAEE

Split-Comp.

EECAA8
AAEEED
AAABEE

Tetradic

EECAA8
ABEEAA
AACDEE
EDAAEE

Contrast Matrix WCAG 2.1 Contrast

EECAA8
F3E0C0
D3936F
A7997F
7F7359
—
1.2
Fail
1.7
Fail
1.8
Fail
3.0
AA Large
1.2
Fail
—
2.0
Fail
2.2
Fail
3.6
AA Large
1.7
Fail
2.0
Fail
—
1.1
Fail
1.8
Fail
1.8
Fail
2.2
Fail
1.1
Fail
—
1.7
Fail
3.0
AA Large
3.6
AA Large
1.8
Fail
1.7
Fail
—
White BG
1.5Fail
1.3Fail
2.6Fail
2.8Fail
4.7AA
Black BG
13.6AAA
16.2AAA
8.2AAA
7.5AAA
4.5AA Large

Color Blindness Simulation Color Blindness Simulation

Protanopia

DEDEB0
EBEBC8
B7B778
A1A185
7A7A5F

Deuteranopia

E1E3B2
ECEDCA
BBC07A
A2A387
7B7B61

Tritanopia

ECB7B8
F2CECF
D07F80
A68A8B
7E6465

Achromatopsia

D1D1D1
E2E2E2
A2A2A2
9A9A9A
747474

Shades & Tints Shades & Tints

#EECAA8

Dark
Light

#F3E0C0

Dark
Light

#D3936F

Dark
Light

Code Snippets Code Snippets

CSS Custom Properties

:root {
  --color-1: #eecaa8;
  --color-2: #f3e0c0;
  --color-3: #d3936f;
  --color-4: #a7997f;
  --color-5: #7f7359;
}

SCSS

$color-1: #eecaa8;
$color-2: #f3e0c0;
$color-3: #d3936f;
$color-4: #a7997f;
$color-5: #7f7359;

TAILWIND

colors: {
  'brand-1': '#eecaa8',
  'brand-2': '#f3e0c0',
  'brand-3': '#d3936f',
  'brand-4': '#a7997f',
  'brand-5': '#7f7359',
}

RGB Array

[238, 202, 168], [243, 224, 192], [211, 147, 111], [167, 153, 127], [127, 115, 89]

FAQ FAQ

What scenarios is this 5-color palette suitable for?

This general-style palette of #EECAA8, #F3E0C0, #D3936F, #A7997F, #7F7359 is ideal for: health products, baby brands, fresh-style blogs, infographics, data visualization, accessible design. High contrast ensures clear visual hierarchy and readability. 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: #eecaa8; --color-2: #f3e0c0; --color-3: #d3936f; --color-4: #a7997f; --color-5: #7f7359. 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. High-contrast palettes naturally meet WCAG accessibility standards. 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