← Back to Editor

#ADCA9E · #470D3B · #4E3948 · #FAE2BC · #F8C2AC

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 LibraryData Visualization

Color Details Color Details

#ADCA9E

Celadon · DarkGray · Apple Green

HEX
#ADCA9E
RGB
rgb(173, 202, 158)
HSL
hsl(100, 29%, 71%)
HSB
hsb(100, 22%, 79%)
CMYK
cmyk(14%, 0%, 22%, 21%)
Oklch
oklch(80.6% 0.068 135.0)

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

#470D3B

Rose Purple · MidnightBlue · Dark Purple

HEX
#470D3B
RGB
rgb(71, 13, 59)
HSL
hsl(312, 69%, 16%)
HSB
hsb(312, 82%, 28%)
CMYK
cmyk(0%, 82%, 17%, 72%)
Oklch
oklch(28.3% 0.104 337.7)

Traditional「Rose Purple」· Paint「Dark Purple」· Creative Blush Sunrise

#4E3948

Rose Purple · DarkSlateGray · Eggplant

HEX
#4E3948
RGB
rgb(78, 57, 72)
HSL
hsl(317, 16%, 26%)
HSB
hsb(317, 27%, 31%)
CMYK
cmyk(0%, 27%, 8%, 69%)
Oklch
oklch(37.3% 0.038 337.0)

Traditional「Rose Purple」· Paint「Eggplant」· Creative Blush Sunrise

#FAE2BC

Goose Yellow · Bisque · Peach Orange

HEX
#FAE2BC
RGB
rgb(250, 226, 188)
HSL
hsl(37, 86%, 86%)
HSB
hsb(37, 25%, 98%)
CMYK
cmyk(0%, 10%, 25%, 2%)
Oklch
oklch(92.3% 0.056 79.3)

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

#F8C2AC

Apricot · LightPink · Peach Orange

HEX
#F8C2AC
RGB
rgb(248, 194, 172)
HSL
hsl(17, 84%, 82%)
HSB
hsb(17, 31%, 97%)
CMYK
cmyk(0%, 22%, 31%, 3%)
Oklch
oklch(85.7% 0.069 43.2)

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

Color Harmonies Color Harmonies

Based on color wheel theory, calculated from primary color

Complementary

ADCA9E
BCA0CA

Analogous

C3CAA0
ADCA9E
A0CAA7

Triadic

ADCA9E
A0AECA
CAA0AE

Split-Comp.

ADCA9E
A7A0CA
CAA0C3

Tetradic

ADCA9E
A0C3CA
BCA0CA
CAA7A0

Contrast Matrix WCAG 2.1 Contrast

ADCA9E
470D3B
4E3948
FAE2BC
F8C2AC
—
8.4
AAA
5.9
AA
1.4
Fail
1.1
Fail
8.4
AAA
—
1.4
Fail
12.0
AAA
9.6
AAA
5.9
AA
1.4
Fail
—
8.3
AAA
6.6
AA
1.4
Fail
12.0
AAA
8.3
AAA
—
1.3
Fail
1.1
Fail
9.6
AAA
6.6
AA
1.3
Fail
—
White BG
1.8Fail
15.1AAA
10.5AAA
1.3Fail
1.6Fail
Black BG
11.7AAA
1.4Fail
2.0Fail
16.7AAA
13.3AAA

Color Blindness Simulation Color Blindness Simulation

Protanopia

BABAA9
2E2D30
454544
F0EFC5
E1E0B1

Deuteranopia

B8B6AB
31362D
464844
F1F3C7
E4E8B3

Tritanopia

AEB1B3
442725
4D4241
F9CCCE
F5B6B6

Achromatopsia

BCBCBC
242424
414141
E5E5E5
D0D0D0

Shades & Tints Shades & Tints

#ADCA9E

Dark
Light

#470D3B

Dark
Light

#4E3948

Dark
Light

Code Snippets Code Snippets

CSS Custom Properties

:root {
  --color-1: #adca9e;
  --color-2: #470d3b;
  --color-3: #4e3948;
  --color-4: #fae2bc;
  --color-5: #f8c2ac;
}

SCSS

$color-1: #adca9e;
$color-2: #470d3b;
$color-3: #4e3948;
$color-4: #fae2bc;
$color-5: #f8c2ac;

TAILWIND

colors: {
  'brand-1': '#adca9e',
  'brand-2': '#470d3b',
  'brand-3': '#4e3948',
  'brand-4': '#fae2bc',
  'brand-5': '#f8c2ac',
}

RGB Array

[173, 202, 158], [71, 13, 59], [78, 57, 72], [250, 226, 188], [248, 194, 172]

FAQ FAQ

What scenarios is this 5-color palette suitable for?

This general-style palette of #ADCA9E, #470D3B, #4E3948, #FAE2BC, #F8C2AC is ideal for: 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: #adca9e; --color-2: #470d3b; --color-3: #4e3948; --color-4: #fae2bc; --color-5: #f8c2ac. 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. 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