← Back to Editor

#C57C5E · #AB7160 · #755A62 · #61596B · #4E5874

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

#C57C5E

Tangerine · DarkSalmon · Warm Sun

HEX
#C57C5E
RGB
rgb(197, 124, 94)
HSL
hsl(17, 47%, 57%)
HSB
hsb(17, 52%, 77%)
CMYK
cmyk(0%, 37%, 52%, 23%)
Oklch
oklch(65.7% 0.101 43.0)

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

#AB7160

Crimson · Gray · Passion Red

HEX
#AB7160
RGB
rgb(171, 113, 96)
HSL
hsl(14, 31%, 52%)
HSB
hsb(14, 44%, 67%)
CMYK
cmyk(0%, 34%, 44%, 33%)
Oklch
oklch(60.5% 0.079 37.1)

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

#755A62

Dark Violet · DimGray · Camellia

HEX
#755A62
RGB
rgb(117, 90, 98)
HSL
hsl(342, 13%, 41%)
HSB
hsb(342, 23%, 46%)
CMYK
cmyk(0%, 23%, 16%, 54%)
Oklch
oklch(49.8% 0.037 359.0)

Traditional「Dark Violet」· Paint「Camellia」· Creative Blush Sunrise

#61596B

Deep Indigo · DimGray · Charcoal

HEX
#61596B
RGB
rgb(97, 89, 107)
HSL
hsl(267, 9%, 38%)
HSB
hsb(267, 17%, 42%)
CMYK
cmyk(9%, 17%, 0%, 58%)
Oklch
oklch(47.8% 0.030 305.4)

Traditional「Deep Indigo」· Paint「Charcoal」· Creative Midnight Shadow

#4E5874

Indigo · DimGray · Prussian Blue

HEX
#4E5874
RGB
rgb(78, 88, 116)
HSL
hsl(224, 20%, 38%)
HSB
hsb(224, 33%, 45%)
CMYK
cmyk(33%, 24%, 0%, 55%)
Oklch
oklch(46.3% 0.047 269.3)

Traditional「Indigo」· Paint「Prussian Blue」· Creative Blush Sunrise

Color Harmonies Color Harmonies

Based on color wheel theory, calculated from primary color

Complementary

C57C5E
5EA8C5

Analogous

C55E74
C57C5E
C5AF5E

Triadic

C57C5E
5EC57B
7B5EC5

Split-Comp.

C57C5E
5EC5AF
5E74C5

Tetradic

C57C5E
74C55E
5EA8C5
AF5EC5

Contrast Matrix WCAG 2.1 Contrast

C57C5E
AB7160
755A62
61596B
4E5874
—
1.2
Fail
1.9
Fail
2.0
Fail
2.2
Fail
1.2
Fail
—
1.5
Fail
1.7
Fail
1.8
Fail
1.9
Fail
1.5
Fail
—
1.1
Fail
1.1
Fail
2.0
Fail
1.7
Fail
1.1
Fail
—
1.1
Fail
2.2
Fail
1.8
Fail
1.1
Fail
1.1
Fail
—
White BG
3.3AA Large
4.0AA Large
6.2AA
6.7AA
7.1AAA
Black BG
6.4AA
5.3AA
3.4AA Large
3.1AA Large
3.0Fail

Color Blindness Simulation Color Blindness Simulation

Protanopia

A5A565
929164
696960
5E5D67
52526D

Deuteranopia

AAAF67
959A65
6B6D60
5E5F66
52516C

Tritanopia

C16B6C
A86768
745F5E
616362
4F6867

Achromatopsia

8E8E8E
808080
636363
5D5D5D
585858

Shades & Tints Shades & Tints

#C57C5E

Dark
Light

#AB7160

Dark
Light

#755A62

Dark
Light

Code Snippets Code Snippets

CSS Custom Properties

:root {
  --color-1: #c57c5e;
  --color-2: #ab7160;
  --color-3: #755a62;
  --color-4: #61596b;
  --color-5: #4e5874;
}

SCSS

$color-1: #c57c5e;
$color-2: #ab7160;
$color-3: #755a62;
$color-4: #61596b;
$color-5: #4e5874;

TAILWIND

colors: {
  'brand-1': '#c57c5e',
  'brand-2': '#ab7160',
  'brand-3': '#755a62',
  'brand-4': '#61596b',
  'brand-5': '#4e5874',
}

RGB Array

[197, 124, 94], [171, 113, 96], [117, 90, 98], [97, 89, 107], [78, 88, 116]

FAQ FAQ

What scenarios is this 5-color palette suitable for?

This general-style palette of #C57C5E, #AB7160, #755A62, #61596B, #4E5874 is ideal for: brand design, premium product pages, magazine layouts. Low-saturation colors convey a sophisticated, premium feel. It is a classic and elegant choice among 5-color palettes.

How to use this palette in CSS or frontend projects?

Copy the CSS variables directly: --color-1: #c57c5e; --color-2: #ab7160; --color-3: #755a62; --color-4: #61596b; --color-5: #4e5874. 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. Restrained colors convey professionalism and trust. 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