← Back to Editor

#703E61 · #765766 · #7C706A · #9E987A · #C1C089

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

#703E61

Rose Purple · DimGray · Eggplant

HEX
#703E61
RGB
rgb(112, 62, 97)
HSL
hsl(318, 29%, 34%)
HSB
hsb(318, 45%, 44%)
CMYK
cmyk(0%, 45%, 13%, 56%)
Oklch
oklch(43.7% 0.085 339.2)

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

#765766

Dark Violet · DimGray · Camellia

HEX
#765766
RGB
rgb(118, 87, 102)
HSL
hsl(331, 15%, 40%)
HSB
hsb(331, 26%, 46%)
CMYK
cmyk(0%, 26%, 14%, 54%)
Oklch
oklch(49.4% 0.046 348.3)

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

#7C706A

Tangerine · DimGray · Warm Gray

HEX
#7C706A
RGB
rgb(124, 112, 106)
HSL
hsl(20, 8%, 45%)
HSB
hsb(20, 15%, 49%)
CMYK
cmyk(0%, 10%, 15%, 51%)
Oklch
oklch(55.4% 0.018 48.4)

Traditional「Tangerine」· Paint「Warm Gray」· Creative Urban Concrete

#9E987A

Autumn Sage · Gray · Sunflower

HEX
#9E987A
RGB
rgb(158, 152, 122)
HSL
hsl(50, 16%, 55%)
HSB
hsb(50, 23%, 62%)
CMYK
cmyk(0%, 4%, 23%, 38%)
Oklch
oklch(67.7% 0.043 98.0)

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

#C1C089

Fresh Green · Tan · Sunflower

HEX
#C1C089
RGB
rgb(193, 192, 137)
HSL
hsl(59, 31%, 65%)
HSB
hsb(59, 29%, 76%)
CMYK
cmyk(0%, 1%, 29%, 24%)
Oklch
oklch(79.5% 0.073 107.1)

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

Color Harmonies Color Harmonies

Based on color wheel theory, calculated from primary color

Complementary

703E61
3E704D

Analogous

663E70
703E61
703E48

Triadic

703E61
61703E
3E6170

Split-Comp.

703E61
48703E
3E7066

Tetradic

703E61
70663E
3E704D
3E4870

Contrast Matrix WCAG 2.1 Contrast

703E61
765766
7C706A
9E987A
C1C089
—
1.3
Fail
1.7
Fail
2.8
Fail
4.4
AA Large
1.3
Fail
—
1.3
Fail
2.2
Fail
3.4
AA Large
1.7
Fail
1.3
Fail
—
1.6
Fail
2.5
Fail
2.8
Fail
2.2
Fail
1.6
Fail
—
1.5
Fail
4.4
AA Large
3.4
AA Large
2.5
Fail
1.5
Fail
—
White BG
8.2AAA
6.3AA
4.8AA
2.9Fail
1.9Fail
Black BG
2.6Fail
3.3AA Large
4.4AA Large
7.2AAA
11.2AAA

Color Blindness Simulation Color Blindness Simulation

Protanopia

5A5A59
696862
77776B
9B9B81
C1C196

Deuteranopia

5D6156
6A6D61
78786C
9C9C83
C1C19A

Tritanopia

6D5250
74605F
7B6D6D
9E8788
C1A1A3

Achromatopsia

515151
626262
737373
969696
BABABA

Shades & Tints Shades & Tints

#703E61

Dark
Light

#765766

Dark
Light

#7C706A

Dark
Light

Code Snippets Code Snippets

CSS Custom Properties

:root {
  --color-1: #703e61;
  --color-2: #765766;
  --color-3: #7c706a;
  --color-4: #9e987a;
  --color-5: #c1c089;
}

SCSS

$color-1: #703e61;
$color-2: #765766;
$color-3: #7c706a;
$color-4: #9e987a;
$color-5: #c1c089;

TAILWIND

colors: {
  'brand-1': '#703e61',
  'brand-2': '#765766',
  'brand-3': '#7c706a',
  'brand-4': '#9e987a',
  'brand-5': '#c1c089',
}

RGB Array

[112, 62, 97], [118, 87, 102], [124, 112, 106], [158, 152, 122], [193, 192, 137]

FAQ FAQ

What scenarios is this 5-color palette suitable for?

This general-style palette of #703E61, #765766, #7C706A, #9E987A, #C1C089 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: #703e61; --color-2: #765766; --color-3: #7c706a; --color-4: #9e987a; --color-5: #c1c089. 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