← Back to Editor

#95D1B7 · #EBE9D2 · #9A8373 · #825C49 · #6CBEA8

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

#95D1B7

Jade · DarkSeaGreen · Apple Green

HEX
#95D1B7
RGB
rgb(149, 209, 183)
HSL
hsl(154, 39%, 70%)
HSB
hsb(154, 29%, 82%)
CMYK
cmyk(29%, 0%, 12%, 18%)
Oklch
oklch(81.2% 0.072 166.0)

Traditional「Jade」· Paint「Apple Green」· Creative Arctic Pool

#EBE9D2

Fresh Green · Beige · Lemon Cream

HEX
#EBE9D2
RGB
rgb(235, 233, 210)
HSL
hsl(55, 38%, 87%)
HSB
hsb(55, 11%, 92%)
CMYK
cmyk(0%, 1%, 11%, 8%)
Oklch
oklch(92.9% 0.031 102.9)

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

#9A8373

Tangerine · Gray · Warm Sun

HEX
#9A8373
RGB
rgb(154, 131, 115)
HSL
hsl(25, 16%, 53%)
HSB
hsb(25, 25%, 60%)
CMYK
cmyk(0%, 15%, 25%, 40%)
Oklch
oklch(62.7% 0.037 56.8)

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

#825C49

Tangerine · Sienna · Amber Brown

HEX
#825C49
RGB
rgb(130, 92, 73)
HSL
hsl(20, 28%, 40%)
HSB
hsb(20, 44%, 51%)
CMYK
cmyk(0%, 29%, 44%, 49%)
Oklch
oklch(51.0% 0.058 47.5)

Traditional「Tangerine」· Paint「Amber Brown」· Creative Blush Sunrise

#6CBEA8

Mineral Blue · MediumAquaMarine · Lake Green

HEX
#6CBEA8
RGB
rgb(108, 190, 168)
HSL
hsl(164, 39%, 58%)
HSB
hsb(164, 43%, 75%)
CMYK
cmyk(43%, 0%, 12%, 25%)
Oklch
oklch(74.3% 0.087 174.5)

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

Color Harmonies Color Harmonies

Based on color wheel theory, calculated from primary color

Complementary

95D1B7
D095AF

Analogous

95D099
95D1B7
95CCD0

Triadic

95D1B7
B695D0
D0B695

Split-Comp.

95D1B7
D095CC
D09995

Tetradic

95D1B7
9995D0
D095AF
CCD095

Contrast Matrix WCAG 2.1 Contrast

95D1B7
EBE9D2
9A8373
825C49
6CBEA8
—
1.4
Fail
2.1
Fail
3.4
AA Large
1.3
Fail
1.4
Fail
—
2.9
Fail
4.8
AA
1.8
Fail
2.1
Fail
2.9
Fail
—
1.6
Fail
1.6
Fail
3.4
AA Large
4.8
AA
1.6
Fail
—
2.7
Fail
1.3
Fail
1.8
Fail
1.6
Fail
2.7
Fail
—
White BG
1.7Fail
1.2Fail
3.6AA Large
5.9AA
2.2Fail
Black BG
12.1AAA
17.1AAA
5.9AA
3.6AA Large
9.6AAA

Color Blindness Simulation Color Blindness Simulation

Protanopia

AFB0BD
EAEAD8
909077
72714E
9090AD

Deuteranopia

ACA7BF
EAEAD9
919378
74774F
8B85AF

Tritanopia

98C2C3
EBDCDD
997A7B
805152
70B2B2

Achromatopsia

BCBCBC
E7E7E7
888888
656565
A3A3A3

Shades & Tints Shades & Tints

#95D1B7

Dark
Light

#EBE9D2

Dark
Light

#9A8373

Dark
Light

Code Snippets Code Snippets

CSS Custom Properties

:root {
  --color-1: #95d1b7;
  --color-2: #ebe9d2;
  --color-3: #9a8373;
  --color-4: #825c49;
  --color-5: #6cbea8;
}

SCSS

$color-1: #95d1b7;
$color-2: #ebe9d2;
$color-3: #9a8373;
$color-4: #825c49;
$color-5: #6cbea8;

TAILWIND

colors: {
  'brand-1': '#95d1b7',
  'brand-2': '#ebe9d2',
  'brand-3': '#9a8373',
  'brand-4': '#825c49',
  'brand-5': '#6cbea8',
}

RGB Array

[149, 209, 183], [235, 233, 210], [154, 131, 115], [130, 92, 73], [108, 190, 168]

FAQ FAQ

What scenarios is this 5-color palette suitable for?

This general-style palette of #95D1B7, #EBE9D2, #9A8373, #825C49, #6CBEA8 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: #95d1b7; --color-2: #ebe9d2; --color-3: #9a8373; --color-4: #825c49; --color-5: #6cbea8. 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