← Back to Editor

#EDA08C · #876F55 · #A19153 · #B1B080 · #B1CEAF

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 Library

Color Details Color Details

#EDA08C

Peach Pink · DarkSalmon · Coral Red

HEX
#EDA08C
RGB
rgb(237, 160, 140)
HSL
hsl(12, 73%, 74%)
HSB
hsb(12, 41%, 93%)
CMYK
cmyk(0%, 32%, 41%, 7%)
Oklch
oklch(77.6% 0.097 35.2)

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

#876F55

Ochre · DimGray · Amber Brown

HEX
#876F55
RGB
rgb(135, 111, 85)
HSL
hsl(31, 23%, 43%)
HSB
hsb(31, 37%, 53%)
CMYK
cmyk(0%, 18%, 37%, 47%)
Oklch
oklch(55.8% 0.049 68.8)

Traditional「Ochre」· Paint「Amber Brown」· Creative Blush Sunrise

#A19153

Ochre · Gray · Honey Gold

HEX
#A19153
RGB
rgb(161, 145, 83)
HSL
hsl(48, 32%, 48%)
HSB
hsb(48, 48%, 63%)
CMYK
cmyk(0%, 10%, 48%, 37%)
Oklch
oklch(65.7% 0.084 95.3)

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

#B1B080

Autumn Sage · Tan · Sunflower

HEX
#B1B080
RGB
rgb(177, 176, 128)
HSL
hsl(59, 24%, 60%)
HSB
hsb(59, 28%, 69%)
CMYK
cmyk(0%, 1%, 28%, 31%)
Oklch
oklch(74.6% 0.065 106.9)

Traditional「Autumn Sage」· Paint「Sunflower」· Creative Blush Sunrise

#B1CEAF

Celadon · Silver · Apple Green

HEX
#B1CEAF
RGB
rgb(177, 206, 175)
HSL
hsl(116, 24%, 75%)
HSB
hsb(116, 15%, 81%)
CMYK
cmyk(14%, 0%, 15%, 19%)
Oklch
oklch(82.1% 0.053 143.3)

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

Color Harmonies Color Harmonies

Based on color wheel theory, calculated from primary color

Complementary

EDA08C
8CDAED

Analogous

ED8CA9
EDA08C
EDD08C

Triadic

EDA08C
8CEDA0
A08CED

Split-Comp.

EDA08C
8CEDD0
8CA9ED

Tetradic

EDA08C
A9ED8C
8CDAED
D08CED

Contrast Matrix WCAG 2.1 Contrast

EDA08C
876F55
A19153
B1B080
B1CEAF
—
2.3
Fail
1.5
Fail
1.1
Fail
1.2
Fail
2.3
Fail
—
1.5
Fail
2.1
Fail
2.8
Fail
1.5
Fail
1.5
Fail
—
1.4
Fail
1.8
Fail
1.1
Fail
2.1
Fail
1.4
Fail
—
1.3
Fail
1.2
Fail
2.8
Fail
1.8
Fail
1.3
Fail
—
White BG
2.1Fail
4.7AA
3.1AA Large
2.2Fail
1.7Fail
Black BG
10.0AAA
4.4AA Large
6.7AA
9.4AAA
12.3AAA

Color Blindness Simulation Color Blindness Simulation

Protanopia

CCCB91
7D7C5B
9A9A62
B1B18C
BEBEB7

Deuteranopia

D0D692
7E805D
9B9C66
B1B18E
BCBAB8

Tritanopia

E99596
866061
A06E70
B19597
B2BCBE

Achromatopsia

B5B5B5
737373
8F8F8F
ABABAB
C2C2C2

Shades & Tints Shades & Tints

#EDA08C

Dark
Light

#876F55

Dark
Light

#A19153

Dark
Light

Code Snippets Code Snippets

CSS Custom Properties

:root {
  --color-1: #eda08c;
  --color-2: #876f55;
  --color-3: #a19153;
  --color-4: #b1b080;
  --color-5: #b1ceaf;
}

SCSS

$color-1: #eda08c;
$color-2: #876f55;
$color-3: #a19153;
$color-4: #b1b080;
$color-5: #b1ceaf;

TAILWIND

colors: {
  'brand-1': '#eda08c',
  'brand-2': '#876f55',
  'brand-3': '#a19153',
  'brand-4': '#b1b080',
  'brand-5': '#b1ceaf',
}

RGB Array

[237, 160, 140], [135, 111, 85], [161, 145, 83], [177, 176, 128], [177, 206, 175]

FAQ FAQ

What scenarios is this 5-color palette suitable for?

This general-style palette of #EDA08C, #876F55, #A19153, #B1B080, #B1CEAF is ideal for: corporate websites, product showcases, portfolios. 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: #eda08c; --color-2: #876f55; --color-3: #a19153; --color-4: #b1b080; --color-5: #b1ceaf. 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. 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