← Back to Editor

#7D2758 · #C9CC76 · #A0A370 · #81856B · #585C65

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

#7D2758

Rose Purple · Purple · Camellia

HEX
#7D2758
RGB
rgb(125, 39, 88)
HSL
hsl(326, 52%, 32%)
HSB
hsb(326, 69%, 49%)
CMYK
cmyk(0%, 69%, 30%, 51%)
Oklch
oklch(42.0% 0.130 349.0)

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

#C9CC76

Fresh Green · BurlyWood · Sunflower

HEX
#C9CC76
RGB
rgb(201, 204, 118)
HSL
hsl(62, 46%, 63%)
HSB
hsb(62, 42%, 80%)
CMYK
cmyk(1%, 0%, 42%, 20%)
Oklch
oklch(82.4% 0.109 110.3)

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

#A0A370

Autumn Sage · DarkSeaGreen · Sunflower

HEX
#A0A370
RGB
rgb(160, 163, 112)
HSL
hsl(64, 22%, 54%)
HSB
hsb(64, 31%, 64%)
CMYK
cmyk(2%, 0%, 31%, 36%)
Oklch
oklch(70.0% 0.070 110.9)

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

#81856B

Autumn Sage · Gray · Honey Gold

HEX
#81856B
RGB
rgb(129, 133, 107)
HSL
hsl(69, 11%, 47%)
HSB
hsb(69, 20%, 52%)
CMYK
cmyk(3%, 0%, 20%, 48%)
Oklch
oklch(60.6% 0.038 114.7)

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

#585C65

Ink Gray · DimGray · Charcoal

HEX
#585C65
RGB
rgb(88, 92, 101)
HSL
hsl(222, 7%, 37%)
HSB
hsb(222, 13%, 40%)
CMYK
cmyk(13%, 9%, 0%, 60%)
Oklch
oklch(47.4% 0.015 266.6)

Traditional「Ink Gray」· Paint「Charcoal」· Creative Midnight Shadow

Color Harmonies Color Harmonies

Based on color wheel theory, calculated from primary color

Complementary

7D2758
277C4C

Analogous

76277C
7D2758
7C272D

Triadic

7D2758
577C27
27577C

Split-Comp.

7D2758
2D7C27
277C76

Tetradic

7D2758
7C7627
277C4C
272D7C

Contrast Matrix WCAG 2.1 Contrast

7D2758
C9CC76
A0A370
81856B
585C65
—
5.4
AA
3.5
AA Large
2.4
Fail
1.4
Fail
5.4
AA
—
1.6
Fail
2.3
Fail
4.0
AA Large
3.5
AA Large
1.6
Fail
—
1.4
Fail
2.5
Fail
2.4
Fail
2.3
Fail
1.4
Fail
—
1.8
Fail
1.4
Fail
4.0
AA Large
2.5
Fail
1.8
Fail
—
White BG
9.1AAA
1.7Fail
2.6Fail
3.8AA Large
6.7AA
Black BG
2.3Fail
12.4AAA
8.0AAA
5.5AA
3.1AA Large

Color Blindness Simulation Color Blindness Simulation

Protanopia

58574C
CACA8B
A1A17C
838371
5A5A63

Deuteranopia

5D6349
CACA90
A1A17F
838273
5A5962

Tritanopia

794341
C99B9F
A08688
817677
586161

Achromatopsia

464646
C1C1C1
9C9C9C
818181
5C5C5C

Shades & Tints Shades & Tints

#7D2758

Dark
Light

#C9CC76

Dark
Light

#A0A370

Dark
Light

Code Snippets Code Snippets

CSS Custom Properties

:root {
  --color-1: #7d2758;
  --color-2: #c9cc76;
  --color-3: #a0a370;
  --color-4: #81856b;
  --color-5: #585c65;
}

SCSS

$color-1: #7d2758;
$color-2: #c9cc76;
$color-3: #a0a370;
$color-4: #81856b;
$color-5: #585c65;

TAILWIND

colors: {
  'brand-1': '#7d2758',
  'brand-2': '#c9cc76',
  'brand-3': '#a0a370',
  'brand-4': '#81856b',
  'brand-5': '#585c65',
}

RGB Array

[125, 39, 88], [201, 204, 118], [160, 163, 112], [129, 133, 107], [88, 92, 101]

FAQ FAQ

What scenarios is this 5-color palette suitable for?

This general-style palette of #7D2758, #C9CC76, #A0A370, #81856B, #585C65 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: #7d2758; --color-2: #c9cc76; --color-3: #a0a370; --color-4: #81856b; --color-5: #585c65. 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