← Back to Editor

#C5207C · #954260 · #826C41 · #A89868 · #DAB57C

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

#C5207C

Rose Purple · MediumVioletRed · Camellia

HEX
#C5207C
RGB
rgb(197, 32, 124)
HSL
hsl(327, 72%, 45%)
HSB
hsb(327, 84%, 77%)
CMYK
cmyk(0%, 84%, 37%, 23%)
Oklch
oklch(55.1% 0.209 353.2)

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

#954260

Dark Violet · Sienna · Camellia

HEX
#954260
RGB
rgb(149, 66, 96)
HSL
hsl(338, 39%, 42%)
HSB
hsb(338, 56%, 58%)
CMYK
cmyk(0%, 56%, 36%, 42%)
Oklch
oklch(49.6% 0.116 359.5)

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

#826C41

Ochre · Sienna · Honey Gold

HEX
#826C41
RGB
rgb(130, 108, 65)
HSL
hsl(40, 33%, 38%)
HSB
hsb(40, 50%, 51%)
CMYK
cmyk(0%, 17%, 50%, 49%)
Oklch
oklch(54.2% 0.066 83.2)

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

#A89868

Ginger · Gray · Sunflower

HEX
#A89868
RGB
rgb(168, 152, 104)
HSL
hsl(45, 27%, 53%)
HSB
hsb(45, 38%, 66%)
CMYK
cmyk(0%, 10%, 38%, 34%)
Oklch
oklch(68.2% 0.068 91.8)

Traditional「Ginger」· Paint「Sunflower」· Creative Blush Sunrise

#DAB57C

Ginger · BurlyWood · Warm Sun

HEX
#DAB57C
RGB
rgb(218, 181, 124)
HSL
hsl(36, 56%, 67%)
HSB
hsb(36, 43%, 85%)
CMYK
cmyk(0%, 17%, 43%, 15%)
Oklch
oklch(79.3% 0.085 77.8)

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

Color Harmonies Color Harmonies

Based on color wheel theory, calculated from primary color

Complementary

C5207C
20C56A

Analogous

BD20C5
C5207C
C52028

Triadic

C5207C
7BC520
207BC5

Split-Comp.

C5207C
28C520
20C5BD

Tetradic

C5207C
C5BD20
20C56A
2028C5

Contrast Matrix WCAG 2.1 Contrast

C5207C
954260
826C41
A89868
DAB57C
—
1.2
Fail
1.1
Fail
1.9
Fail
2.8
Fail
1.2
Fail
—
1.3
Fail
2.3
Fail
3.4
AA Large
1.1
Fail
1.3
Fail
—
1.8
Fail
2.6
Fail
1.9
Fail
2.3
Fail
1.8
Fail
—
1.5
Fail
2.8
Fail
3.4
AA Large
2.6
Fail
1.5
Fail
—
White BG
5.4AA
6.5AA
5.0AA
2.9Fail
1.9Fail
Black BG
3.9AA Large
3.2AA Large
4.2AA Large
7.4AAA
10.9AAA

Color Blindness Simulation Color Blindness Simulation

Protanopia

7E7C66
717059
78784B
A1A174
CACA8A

Deuteranopia

879360
767C57
7A7B4E
A2A376
CCCF8D

Tritanopia

BD5450
915352
815455
A77D7F
D89597

Achromatopsia

5C5C5C
5E5E5E
6E6E6E
979797
BABABA

Shades & Tints Shades & Tints

#C5207C

Dark
Light

#954260

Dark
Light

#826C41

Dark
Light

Code Snippets Code Snippets

CSS Custom Properties

:root {
  --color-1: #c5207c;
  --color-2: #954260;
  --color-3: #826c41;
  --color-4: #a89868;
  --color-5: #dab57c;
}

SCSS

$color-1: #c5207c;
$color-2: #954260;
$color-3: #826c41;
$color-4: #a89868;
$color-5: #dab57c;

TAILWIND

colors: {
  'brand-1': '#c5207c',
  'brand-2': '#954260',
  'brand-3': '#826c41',
  'brand-4': '#a89868',
  'brand-5': '#dab57c',
}

RGB Array

[197, 32, 124], [149, 66, 96], [130, 108, 65], [168, 152, 104], [218, 181, 124]

FAQ FAQ

What scenarios is this 5-color palette suitable for?

This general-style palette of #C5207C, #954260, #826C41, #A89868, #DAB57C 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: #c5207c; --color-2: #954260; --color-3: #826c41; --color-4: #a89868; --color-5: #dab57c. 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