← Back to Editor

#95AA89 · #D1BF8F · #C8996B · #A3635A · #513752

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

Color Details Color Details

#95AA89

Celadon · DarkSeaGreen · Olive Green

HEX
#95AA89
RGB
rgb(149, 170, 137)
HSL
hsl(98, 16%, 60%)
HSB
hsb(98, 19%, 67%)
CMYK
cmyk(12%, 0%, 19%, 33%)
Oklch
oklch(71.3% 0.052 134.2)

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

#D1BF8F

Ginger · Tan · Sunflower

HEX
#D1BF8F
RGB
rgb(209, 191, 143)
HSL
hsl(44, 42%, 69%)
HSB
hsb(44, 32%, 82%)
CMYK
cmyk(0%, 9%, 32%, 18%)
Oklch
oklch(80.8% 0.067 89.9)

Traditional「Ginger」· Paint「Sunflower」· Creative Lemon Fizz

#C8996B

Ginger · DarkSalmon · Warm Sun

HEX
#C8996B
RGB
rgb(200, 153, 107)
HSL
hsl(30, 46%, 60%)
HSB
hsb(30, 47%, 78%)
CMYK
cmyk(0%, 24%, 46%, 22%)
Oklch
oklch(71.7% 0.083 65.2)

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

#A3635A

Crimson · Sienna · Passion Red

HEX
#A3635A
RGB
rgb(163, 99, 90)
HSL
hsl(7, 29%, 50%)
HSB
hsb(7, 45%, 64%)
CMYK
cmyk(0%, 39%, 45%, 36%)
Oklch
oklch(56.8% 0.085 28.6)

Traditional「Crimson」· Paint「Passion Red」· Creative Blush Sunrise

#513752

Dark Plum · DarkSlateGray · Eggplant

HEX
#513752
RGB
rgb(81, 55, 82)
HSL
hsl(298, 20%, 27%)
HSB
hsb(298, 33%, 32%)
CMYK
cmyk(1%, 33%, 0%, 68%)
Oklch
oklch(37.7% 0.056 325.4)

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

Color Harmonies Color Harmonies

Based on color wheel theory, calculated from primary color

Complementary

95AA89
9D89A9

Analogous

A5A989
95AA89
89A98D

Triadic

95AA89
8995A9
A98995

Split-Comp.

95AA89
8D89A9
A989A5

Tetradic

95AA89
89A5A9
9D89A9
A98D89

Contrast Matrix WCAG 2.1 Contrast

95AA89
D1BF8F
C8996B
A3635A
513752
—
1.4
Fail
1.0
Fail
1.9
Fail
4.2
AA Large
1.4
Fail
—
1.4
Fail
2.6
Fail
5.7
AA
1.0
Fail
1.4
Fail
—
1.8
Fail
4.1
AA Large
1.9
Fail
2.6
Fail
1.8
Fail
—
2.2
Fail
4.2
AA Large
5.7
AA
4.1
AA Large
2.2
Fail
—
White BG
2.5Fail
1.8Fail
2.6Fail
4.7AA
10.4AAA
Black BG
8.4AAA
11.6AAA
8.2AAA
4.5AA Large
2.0Fail

Color Blindness Simulation Color Blindness Simulation

Protanopia

9E9E91
C9C99B
B4B376
87875C
46464B

Deuteranopia

9D9B93
CACC9D
B6BA79
8B905D
47494A

Tritanopia

969799
D0A4A6
C67F81
A05E5E
504645

Achromatopsia

A0A0A0
BFBFBF
A2A2A2
757575
424242

Shades & Tints Shades & Tints

#95AA89

Dark
Light

#D1BF8F

Dark
Light

#C8996B

Dark
Light

Code Snippets Code Snippets

CSS Custom Properties

:root {
  --color-1: #95aa89;
  --color-2: #d1bf8f;
  --color-3: #c8996b;
  --color-4: #a3635a;
  --color-5: #513752;
}

SCSS

$color-1: #95aa89;
$color-2: #d1bf8f;
$color-3: #c8996b;
$color-4: #a3635a;
$color-5: #513752;

TAILWIND

colors: {
  'brand-1': '#95aa89',
  'brand-2': '#d1bf8f',
  'brand-3': '#c8996b',
  'brand-4': '#a3635a',
  'brand-5': '#513752',
}

RGB Array

[149, 170, 137], [209, 191, 143], [200, 153, 107], [163, 99, 90], [81, 55, 82]

FAQ FAQ

What scenarios is this 5-color palette suitable for?

This general-style palette of #95AA89, #D1BF8F, #C8996B, #A3635A, #513752 is ideal for: infographics, data visualization, accessible design. High contrast ensures clear visual hierarchy and readability. It is a balanced and harmonious choice among 5-color palettes.

How to use this palette in CSS or frontend projects?

Copy the CSS variables directly: --color-1: #95aa89; --color-2: #d1bf8f; --color-3: #c8996b; --color-4: #a3635a; --color-5: #513752. 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. 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