← Back to Editor

#EDAD7D · #C89374 · #928C6A · #425B62 · #5B4945

A 5-color palette palette · Complete color analysis and application guide

Scene Recommendations Scene Recommendations

Emotion EMOTION

HarmoniousVersatileWarmCool

Industry INDUSTRY

E-commerceBusiness

UI Context UI CONTEXT

Web PageComponent Library

Color Details Color Details

#EDAD7D

Apricot · BurlyWood · Warm Sun

HEX
#EDAD7D
RGB
rgb(237, 173, 125)
HSL
hsl(26, 76%, 71%)
HSB
hsb(26, 47%, 93%)
CMYK
cmyk(0%, 27%, 47%, 7%)
Oklch
oklch(79.7% 0.098 57.6)

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

#C89374

Apricot · DarkSalmon · Warm Sun

HEX
#C89374
RGB
rgb(200, 147, 116)
HSL
hsl(22, 43%, 62%)
HSB
hsb(22, 42%, 78%)
CMYK
cmyk(0%, 27%, 42%, 22%)
Oklch
oklch(70.7% 0.077 51.4)

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

#928C6A

Autumn Sage · Gray · Honey Gold

HEX
#928C6A
RGB
rgb(146, 140, 106)
HSL
hsl(51, 16%, 49%)
HSB
hsb(51, 27%, 57%)
CMYK
cmyk(0%, 4%, 27%, 43%)
Oklch
oklch(63.6% 0.049 99.2)

Traditional「Autumn Sage」· Paint「Honey Gold」· Creative Blush Sunrise

#425B62

Slate Blue · DarkSlateGray · Mint Ice

HEX
#425B62
RGB
rgb(66, 91, 98)
HSL
hsl(193, 20%, 32%)
HSB
hsb(193, 33%, 38%)
CMYK
cmyk(33%, 7%, 0%, 62%)
Oklch
oklch(45.4% 0.032 216.9)

Traditional「Slate Blue」· Paint「Mint Ice」· Creative Blush Sunrise

#5B4945

Crimson · DarkOliveGreen · Wine Red

HEX
#5B4945
RGB
rgb(91, 73, 69)
HSL
hsl(11, 14%, 31%)
HSB
hsb(11, 24%, 36%)
CMYK
cmyk(0%, 20%, 24%, 64%)
Oklch
oklch(42.3% 0.026 32.7)

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

Color Harmonies Color Harmonies

Based on color wheel theory, calculated from primary color

Complementary

EDAD7D
7DBDED

Analogous

ED7D84
EDAD7D
EDE67D

Triadic

EDAD7D
7DEDAE
AE7DED

Split-Comp.

EDAD7D
7DEDE6
7D84ED

Tetradic

EDAD7D
84ED7D
7DBDED
E67DED

Contrast Matrix WCAG 2.1 Contrast

EDAD7D
C89374
928C6A
425B62
5B4945
—
1.4
Fail
1.8
Fail
3.7
AA Large
4.4
AA Large
1.4
Fail
—
1.3
Fail
2.7
Fail
3.2
AA Large
1.8
Fail
1.3
Fail
—
2.1
Fail
2.5
Fail
3.7
AA Large
2.7
Fail
2.1
Fail
—
1.2
Fail
4.4
AA Large
3.2
AA Large
2.5
Fail
1.2
Fail
—
White BG
1.9Fail
2.7Fail
3.4AA Large
7.2AAA
8.5AAA
Black BG
10.9AAA
7.9AAA
6.2AA
2.9Fail
2.5Fail

Color Blindness Simulation Color Blindness Simulation

Protanopia

D1D189
B1B17C
8F8F72
4D4D60
535346

Deuteranopia

D5DA8B
B4B87D
909074
4B4A60
545646

Tritanopia

EA9294
C58183
92797A
435F5F
5A4747

Achromatopsia

BBBBBB
9F9F9F
8A8A8A
545454
4E4E4E

Shades & Tints Shades & Tints

#EDAD7D

Dark
Light

#C89374

Dark
Light

#928C6A

Dark
Light

Code Snippets Code Snippets

CSS Custom Properties

:root {
  --color-1: #edad7d;
  --color-2: #c89374;
  --color-3: #928c6a;
  --color-4: #425b62;
  --color-5: #5b4945;
}

SCSS

$color-1: #edad7d;
$color-2: #c89374;
$color-3: #928c6a;
$color-4: #425b62;
$color-5: #5b4945;

TAILWIND

colors: {
  'brand-1': '#edad7d',
  'brand-2': '#c89374',
  'brand-3': '#928c6a',
  'brand-4': '#425b62',
  'brand-5': '#5b4945',
}

RGB Array

[237, 173, 125], [200, 147, 116], [146, 140, 106], [66, 91, 98], [91, 73, 69]

FAQ FAQ

What scenarios is this 5-color palette suitable for?

This general-style palette of #EDAD7D, #C89374, #928C6A, #425B62, #5B4945 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: #edad7d; --color-2: #c89374; --color-3: #928c6a; --color-4: #425b62; --color-5: #5b4945. 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