← Back to Editor

#CDBE6A · #8A9472 · #697B8C · #605E91 · #703D87

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

#CDBE6A

Fresh Green · BurlyWood · Sunflower

HEX
#CDBE6A
RGB
rgb(205, 190, 106)
HSL
hsl(51, 50%, 61%)
HSB
hsb(51, 48%, 80%)
CMYK
cmyk(0%, 7%, 48%, 20%)
Oklch
oklch(79.6% 0.107 99.4)

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

#8A9472

Grass Green · Gray · Olive Green

HEX
#8A9472
RGB
rgb(138, 148, 114)
HSL
hsl(78, 14%, 51%)
HSB
hsb(78, 23%, 58%)
CMYK
cmyk(7%, 0%, 23%, 42%)
Oklch
oklch(64.9% 0.050 121.1)

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

#697B8C

Slate Blue · SlateGray · Navy Blue

HEX
#697B8C
RGB
rgb(105, 123, 140)
HSL
hsl(209, 14%, 48%)
HSB
hsb(209, 25%, 55%)
CMYK
cmyk(25%, 12%, 0%, 45%)
Oklch
oklch(57.4% 0.034 246.9)

Traditional「Slate Blue」· Paint「Navy Blue」· Creative Blush Sunrise

#605E91

Deep Indigo · SlateGray · Navy Blue

HEX
#605E91
RGB
rgb(96, 94, 145)
HSL
hsl(242, 21%, 47%)
HSB
hsb(242, 35%, 57%)
CMYK
cmyk(34%, 35%, 0%, 43%)
Oklch
oklch(50.6% 0.080 284.9)

Traditional「Deep Indigo」· Paint「Navy Blue」· Creative Blush Sunrise

#703D87

Dark Plum · DarkSlateBlue · Eggplant

HEX
#703D87
RGB
rgb(112, 61, 135)
HSL
hsl(281, 38%, 38%)
HSB
hsb(281, 55%, 53%)
CMYK
cmyk(17%, 55%, 0%, 47%)
Oklch
oklch(45.5% 0.127 314.3)

Traditional「Dark Plum」· Paint「Eggplant」· Creative Blush Sunrise

Color Harmonies Color Harmonies

Based on color wheel theory, calculated from primary color

Complementary

CDBE6A
6A79CD

Analogous

CD8D6A
CDBE6A
AACD6A

Triadic

CDBE6A
6ACDBE
BE6ACD

Split-Comp.

CDBE6A
6AAACD
8D6ACD

Tetradic

CDBE6A
6ACD8D
6A79CD
CD6AAA

Contrast Matrix WCAG 2.1 Contrast

CDBE6A
8A9472
697B8C
605E91
703D87
—
1.7
Fail
2.3
Fail
3.2
AA Large
4.1
AA Large
1.7
Fail
—
1.4
Fail
1.9
Fail
2.4
Fail
2.3
Fail
1.4
Fail
—
1.4
Fail
1.8
Fail
3.2
AA Large
1.9
Fail
1.4
Fail
—
1.3
Fail
4.1
AA Large
2.4
Fail
1.8
Fail
1.3
Fail
—
White BG
1.9Fail
3.2AA Large
4.4AA Large
6.0AA
7.8AAA
Black BG
11.2AAA
6.6AA
4.8AA
3.5AA Large
2.7Fail

Color Blindness Simulation Color Blindness Simulation

Protanopia

C7C67E
8E8E7A
717188
5F5F85
5A5975

Deuteranopia

C7C983
8E8D7C
706E87
5F5F82
5D6171

Tritanopia

CC8E92
8B8182
6A8584
607B79
6D6764

Achromatopsia

B9B9B9
8D8D8D
787878
646464
555555

Shades & Tints Shades & Tints

#CDBE6A

Dark
Light

#8A9472

Dark
Light

#697B8C

Dark
Light

Code Snippets Code Snippets

CSS Custom Properties

:root {
  --color-1: #cdbe6a;
  --color-2: #8a9472;
  --color-3: #697b8c;
  --color-4: #605e91;
  --color-5: #703d87;
}

SCSS

$color-1: #cdbe6a;
$color-2: #8a9472;
$color-3: #697b8c;
$color-4: #605e91;
$color-5: #703d87;

TAILWIND

colors: {
  'brand-1': '#cdbe6a',
  'brand-2': '#8a9472',
  'brand-3': '#697b8c',
  'brand-4': '#605e91',
  'brand-5': '#703d87',
}

RGB Array

[205, 190, 106], [138, 148, 114], [105, 123, 140], [96, 94, 145], [112, 61, 135]

FAQ FAQ

What scenarios is this 5-color palette suitable for?

This general-style palette of #CDBE6A, #8A9472, #697B8C, #605E91, #703D87 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: #cdbe6a; --color-2: #8a9472; --color-3: #697b8c; --color-4: #605e91; --color-5: #703d87. 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