← Back to Editor

#7A7843 · #718C5D · #6E9995 · #9A9AAD · #C590D1

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

#7A7843

Autumn Sage · DarkOliveGreen · Honey Gold

HEX
#7A7843
RGB
rgb(122, 120, 67)
HSL
hsl(58, 29%, 37%)
HSB
hsb(58, 45%, 48%)
CMYK
cmyk(0%, 2%, 45%, 52%)
Oklch
oklch(56.2% 0.074 106.7)

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

#718C5D

Celadon · DimGray · Olive Green

HEX
#718C5D
RGB
rgb(113, 140, 93)
HSL
hsl(94, 20%, 46%)
HSB
hsb(94, 34%, 55%)
CMYK
cmyk(19%, 0%, 34%, 45%)
Oklch
oklch(60.7% 0.075 132.5)

Traditional「Celadon」· Paint「Olive Green」· Creative Blush Sunrise

#6E9995

Mineral Blue · CadetBlue · Lake Green

HEX
#6E9995
RGB
rgb(110, 153, 149)
HSL
hsl(174, 17%, 52%)
HSB
hsb(174, 28%, 60%)
CMYK
cmyk(28%, 0%, 3%, 40%)
Oklch
oklch(65.1% 0.047 188.9)

Traditional「Mineral Blue」· Paint「Lake Green」· Creative Blush Sunrise

#9A9AAD

Wisteria · DarkGray · Cobalt Blue

HEX
#9A9AAD
RGB
rgb(154, 154, 173)
HSL
hsl(240, 10%, 64%)
HSB
hsb(240, 11%, 68%)
CMYK
cmyk(11%, 11%, 0%, 32%)
Oklch
oklch(69.2% 0.028 285.7)

Traditional「Wisteria」· Paint「Cobalt Blue」· Creative Lavender Dream

#C590D1

Lilac · Orchid · Lilac Purple

HEX
#C590D1
RGB
rgb(197, 144, 209)
HSL
hsl(289, 41%, 69%)
HSB
hsb(289, 31%, 82%)
CMYK
cmyk(6%, 31%, 0%, 18%)
Oklch
oklch(72.7% 0.108 320.0)

Traditional「Lilac」· Paint「Lilac Purple」· Creative Lavender Dream

Color Harmonies Color Harmonies

Based on color wheel theory, calculated from primary color

Complementary

7A7843
43457A

Analogous

7A5D43
7A7843
607A43

Triadic

7A7843
437A78
78437A

Split-Comp.

7A7843
43607A
5D437A

Tetradic

7A7843
437A5D
43457A
7A4360

Contrast Matrix WCAG 2.1 Contrast

7A7843
718C5D
6E9995
9A9AAD
C590D1
—
1.2
Fail
1.4
Fail
1.7
Fail
1.8
Fail
1.2
Fail
—
1.2
Fail
1.4
Fail
1.5
Fail
1.4
Fail
1.2
Fail
—
1.1
Fail
1.2
Fail
1.7
Fail
1.4
Fail
1.1
Fail
—
1.1
Fail
1.8
Fail
1.5
Fail
1.2
Fail
1.1
Fail
—
White BG
4.6AA
3.7AA Large
3.2AA Large
2.8Fail
2.5Fail
Black BG
4.6AA
5.6AA
6.7AA
7.6AAA
8.3AAA

Color Blindness Simulation Color Blindness Simulation

Protanopia

797950
7D7D68
818196
9A9AA8
AEAEC1

Deuteranopia

797953
7B796B
7E7B96
9A9AA7
B1B5BD

Tritanopia

7A5A5C
727173
709797
9AA5A4
C2B5B2

Achromatopsia

737373
7F7F7F
8C8C8C
9C9C9C
A7A7A7

Shades & Tints Shades & Tints

#7A7843

Dark
Light

#718C5D

Dark
Light

#6E9995

Dark
Light

Code Snippets Code Snippets

CSS Custom Properties

:root {
  --color-1: #7a7843;
  --color-2: #718c5d;
  --color-3: #6e9995;
  --color-4: #9a9aad;
  --color-5: #c590d1;
}

SCSS

$color-1: #7a7843;
$color-2: #718c5d;
$color-3: #6e9995;
$color-4: #9a9aad;
$color-5: #c590d1;

TAILWIND

colors: {
  'brand-1': '#7a7843',
  'brand-2': '#718c5d',
  'brand-3': '#6e9995',
  'brand-4': '#9a9aad',
  'brand-5': '#c590d1',
}

RGB Array

[122, 120, 67], [113, 140, 93], [110, 153, 149], [154, 154, 173], [197, 144, 209]

FAQ FAQ

What scenarios is this 5-color palette suitable for?

This general-style palette of #7A7843, #718C5D, #6E9995, #9A9AAD, #C590D1 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: #7a7843; --color-2: #718c5d; --color-3: #6e9995; --color-4: #9a9aad; --color-5: #c590d1. 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