← Back to Editor

#C1B978 · #E6C7B5 · #E6A59F · #DB9299 · #594757

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

#C1B978

Fresh Green · Tan · Sunflower

HEX
#C1B978
RGB
rgb(193, 185, 120)
HSL
hsl(53, 37%, 61%)
HSB
hsb(53, 38%, 76%)
CMYK
cmyk(0%, 4%, 38%, 24%)
Oklch
oklch(77.7% 0.085 102.1)

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

#E6C7B5

Apricot · Wheat · Peach Orange

HEX
#E6C7B5
RGB
rgb(230, 199, 181)
HSL
hsl(22, 49%, 81%)
HSB
hsb(22, 21%, 90%)
CMYK
cmyk(0%, 13%, 21%, 10%)
Oklch
oklch(85.1% 0.043 52.0)

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

#E6A59F

Peach Pink · Tan · Coral Red

HEX
#E6A59F
RGB
rgb(230, 165, 159)
HSL
hsl(5, 59%, 76%)
HSB
hsb(5, 31%, 90%)
CMYK
cmyk(0%, 28%, 31%, 10%)
Oklch
oklch(78.2% 0.078 24.9)

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

#DB9299

Peach Pink · DarkSalmon · Coral Red

HEX
#DB9299
RGB
rgb(219, 146, 153)
HSL
hsl(354, 50%, 72%)
HSB
hsb(354, 33%, 86%)
CMYK
cmyk(0%, 33%, 30%, 14%)
Oklch
oklch(73.5% 0.089 13.2)

Traditional「Peach Pink」· Paint「Coral Red」· Creative Rose Petal

#594757

Rose Purple · DimGray · Eggplant

HEX
#594757
RGB
rgb(89, 71, 87)
HSL
hsl(307, 11%, 31%)
HSB
hsb(307, 20%, 35%)
CMYK
cmyk(0%, 20%, 2%, 65%)
Oklch
oklch(42.2% 0.035 329.9)

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

Color Harmonies Color Harmonies

Based on color wheel theory, calculated from primary color

Complementary

C1B978
777FC0

Analogous

C09377
C1B978
A4C077

Triadic

C1B978
77C0B8
B877C0

Split-Comp.

C1B978
77A4C0
9377C0

Tetradic

C1B978
77C093
777FC0
C077A4

Contrast Matrix WCAG 2.1 Contrast

C1B978
E6C7B5
E6A59F
DB9299
594757
—
1.3
Fail
1.0
Fail
1.2
Fail
4.3
AA Large
1.3
Fail
—
1.3
Fail
1.5
Fail
5.4
AA
1.0
Fail
1.3
Fail
—
1.2
Fail
4.2
AA Large
1.2
Fail
1.5
Fail
1.2
Fail
—
3.5
AA Large
4.3
AA Large
5.4
AA
4.2
AA Large
3.5
AA Large
—
White BG
2.0Fail
1.6Fail
2.0Fail
2.4Fail
8.5AAA
Black BG
10.5AAA
13.2AAA
10.2AAA
8.6AAA
2.5Fail

Color Blindness Simulation Color Blindness Simulation

Protanopia

BEBD88
D9D8B9
CAC9A0
BBBB97
515153

Deuteranopia

BEBF8C
DADDBA
CED3A1
C0C597
525452

Tritanopia

C19497
E4BDBE
E3A2A2
D79696
58504F

Achromatopsia

B4B4B4
CECECE
B8B8B8
A9A9A9
4E4E4E

Shades & Tints Shades & Tints

#C1B978

Dark
Light

#E6C7B5

Dark
Light

#E6A59F

Dark
Light

Code Snippets Code Snippets

CSS Custom Properties

:root {
  --color-1: #c1b978;
  --color-2: #e6c7b5;
  --color-3: #e6a59f;
  --color-4: #db9299;
  --color-5: #594757;
}

SCSS

$color-1: #c1b978;
$color-2: #e6c7b5;
$color-3: #e6a59f;
$color-4: #db9299;
$color-5: #594757;

TAILWIND

colors: {
  'brand-1': '#c1b978',
  'brand-2': '#e6c7b5',
  'brand-3': '#e6a59f',
  'brand-4': '#db9299',
  'brand-5': '#594757',
}

RGB Array

[193, 185, 120], [230, 199, 181], [230, 165, 159], [219, 146, 153], [89, 71, 87]

FAQ FAQ

What scenarios is this 5-color palette suitable for?

This general-style palette of #C1B978, #E6C7B5, #E6A59F, #DB9299, #594757 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: #c1b978; --color-2: #e6c7b5; --color-3: #e6a59f; --color-4: #db9299; --color-5: #594757. 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