← Back to Editor

#A08A72 · #3D2C4E · #615072 · #809F97 · #95BCA7

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 LibraryData Visualization

Color Details Color Details

#A08A72

Ginger · Gray · Warm Sun

HEX
#A08A72
RGB
rgb(160, 138, 114)
HSL
hsl(31, 19%, 54%)
HSB
hsb(31, 29%, 63%)
CMYK
cmyk(0%, 14%, 29%, 37%)
Oklch
oklch(64.7% 0.043 69.4)

Traditional「Ginger」· Paint「Warm Sun」· Creative Blush Sunrise

#3D2C4E

Dark Plum · DarkSlateGray · Eggplant

HEX
#3D2C4E
RGB
rgb(61, 44, 78)
HSL
hsl(270, 28%, 24%)
HSB
hsb(270, 44%, 31%)
CMYK
cmyk(22%, 44%, 0%, 69%)
Oklch
oklch(32.8% 0.062 306.3)

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

#615072

Dark Plum · DimGray · Eggplant

HEX
#615072
RGB
rgb(97, 80, 114)
HSL
hsl(270, 18%, 38%)
HSB
hsb(270, 30%, 45%)
CMYK
cmyk(15%, 30%, 0%, 55%)
Oklch
oklch(46.2% 0.058 307.1)

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

#809F97

Mineral Blue · LightSlateGray · Lake Green

HEX
#809F97
RGB
rgb(128, 159, 151)
HSL
hsl(165, 14%, 56%)
HSB
hsb(165, 19%, 62%)
CMYK
cmyk(19%, 0%, 5%, 38%)
Oklch
oklch(67.7% 0.036 177.7)

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

#95BCA7

Celadon · DarkSeaGreen · Apple Green

HEX
#95BCA7
RGB
rgb(149, 188, 167)
HSL
hsl(148, 23%, 66%)
HSB
hsb(148, 21%, 74%)
CMYK
cmyk(21%, 0%, 11%, 26%)
Oklch
oklch(76.1% 0.052 161.4)

Traditional「Celadon」· Paint「Apple Green」· Creative Mint Breeze

Color Harmonies Color Harmonies

Based on color wheel theory, calculated from primary color

Complementary

A08A72
7389A0

Analogous

A07473
A08A72
9FA073

Triadic

A08A72
73A08A
8A73A0

Split-Comp.

A08A72
739FA0
7473A0

Tetradic

A08A72
73A074
7389A0
A0739F

Contrast Matrix WCAG 2.1 Contrast

A08A72
3D2C4E
615072
809F97
95BCA7
—
3.8
AA Large
2.2
Fail
1.1
Fail
1.6
Fail
3.8
AA Large
—
1.7
Fail
4.4
AA Large
6.0
AA
2.2
Fail
1.7
Fail
—
2.5
Fail
3.5
AA Large
1.1
Fail
4.4
AA Large
2.5
Fail
—
1.4
Fail
1.6
Fail
6.0
AA
3.5
AA Large
1.4
Fail
—
White BG
3.3AA Large
12.6AAA
7.2AAA
2.9Fail
2.1Fail
Black BG
6.4AA
1.7Fail
2.9Fail
7.3AAA
10.0AAA

Color Blindness Simulation Color Blindness Simulation

Protanopia

969678
363546
5A596A
8D8E99
A6A6AC

Deuteranopia

989979
373844
5B5C68
8C8999
A4A1AD

Tritanopia

9F7C7D
3C3F3E
606362
829A9B
97B0B1

Achromatopsia

8E8E8E
353535
595959
959595
AEAEAE

Shades & Tints Shades & Tints

#A08A72

Dark
Light

#3D2C4E

Dark
Light

#615072

Dark
Light

Code Snippets Code Snippets

CSS Custom Properties

:root {
  --color-1: #a08a72;
  --color-2: #3d2c4e;
  --color-3: #615072;
  --color-4: #809f97;
  --color-5: #95bca7;
}

SCSS

$color-1: #a08a72;
$color-2: #3d2c4e;
$color-3: #615072;
$color-4: #809f97;
$color-5: #95bca7;

TAILWIND

colors: {
  'brand-1': '#a08a72',
  'brand-2': '#3d2c4e',
  'brand-3': '#615072',
  'brand-4': '#809f97',
  'brand-5': '#95bca7',
}

RGB Array

[160, 138, 114], [61, 44, 78], [97, 80, 114], [128, 159, 151], [149, 188, 167]

FAQ FAQ

What scenarios is this 5-color palette suitable for?

This general-style palette of #A08A72, #3D2C4E, #615072, #809F97, #95BCA7 is ideal for: brand design, premium product pages, magazine layouts, infographics, data visualization, accessible design. Low-saturation colors convey a sophisticated, premium feel. High contrast ensures clear visual hierarchy and readability. 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: #a08a72; --color-2: #3d2c4e; --color-3: #615072; --color-4: #809f97; --color-5: #95bca7. 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. High-contrast palettes naturally meet WCAG accessibility standards. 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