← Back to Editor

#95BDAD · #D1BE97 · #D99884 · #BF6263 · #6A3A3E

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

#95BDAD

Jade · DarkGray · Apple Green

HEX
#95BDAD
RGB
rgb(149, 189, 173)
HSL
hsl(156, 23%, 66%)
HSB
hsb(156, 21%, 74%)
CMYK
cmyk(21%, 0%, 8%, 26%)
Oklch
oklch(76.5% 0.049 168.7)

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

#D1BE97

Goose Yellow · Tan · Sunflower

HEX
#D1BE97
RGB
rgb(209, 190, 151)
HSL
hsl(40, 39%, 71%)
HSB
hsb(40, 28%, 82%)
CMYK
cmyk(0%, 9%, 28%, 18%)
Oklch
oklch(80.8% 0.056 85.0)

Traditional「Goose Yellow」· Paint「Sunflower」· Creative Lemon Fizz

#D99884

Peach Pink · DarkSalmon · Coral Red

HEX
#D99884
RGB
rgb(217, 152, 132)
HSL
hsl(14, 53%, 68%)
HSB
hsb(14, 39%, 85%)
CMYK
cmyk(0%, 30%, 39%, 15%)
Oklch
oklch(73.8% 0.084 37.8)

Traditional「Peach Pink」· Paint「Coral Red」· Creative Blush Sunrise

#BF6263

Crimson · Sienna · Passion Red

HEX
#BF6263
RGB
rgb(191, 98, 99)
HSL
hsl(359, 42%, 57%)
HSB
hsb(359, 49%, 75%)
CMYK
cmyk(0%, 49%, 48%, 25%)
Oklch
oklch(60.6% 0.119 20.6)

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

#6A3A3E

Crimson · DarkOliveGreen · Wine Red

HEX
#6A3A3E
RGB
rgb(106, 58, 62)
HSL
hsl(355, 29%, 32%)
HSB
hsb(355, 45%, 42%)
CMYK
cmyk(0%, 45%, 42%, 58%)
Oklch
oklch(40.9% 0.068 15.2)

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

Color Harmonies Color Harmonies

Based on color wheel theory, calculated from primary color

Complementary

95BDAD
BC94A4

Analogous

94BC98
95BDAD
94B8BC

Triadic

95BDAD
AC94BC
BCAC94

Split-Comp.

95BDAD
BC94B8
BC9894

Tetradic

95BDAD
9894BC
BC94A4
B8BC94

Contrast Matrix WCAG 2.1 Contrast

95BDAD
D1BE97
D99884
BF6263
6A3A3E
—
1.1
Fail
1.2
Fail
2.0
Fail
4.4
AA Large
1.1
Fail
—
1.3
Fail
2.2
Fail
5.0
AA
1.2
Fail
1.3
Fail
—
1.7
Fail
3.8
AA Large
2.0
Fail
2.2
Fail
1.7
Fail
—
2.2
Fail
4.4
AA Large
5.0
AA
3.8
AA Large
2.2
Fail
—
White BG
2.1Fail
1.8Fail
2.4Fail
4.1AA Large
9.2AAA
Black BG
10.2AAA
11.5AAA
8.8AAA
5.1AA
2.3Fail

Color Blindness Simulation Color Blindness Simulation

Protanopia

A6A7B1
C9C9A0
BDBC89
979663
55553D

Deuteranopia

A4A1B2
CACBA3
C1C58A
9CA363
585C3D

Tritanopia

97B4B5
D0A8AA
D68D8E
BA6363
683C3C

Achromatopsia

AFAFAF
BFBFBF
A9A9A9
7E7E7E
494949

Shades & Tints Shades & Tints

#95BDAD

Dark
Light

#D1BE97

Dark
Light

#D99884

Dark
Light

Code Snippets Code Snippets

CSS Custom Properties

:root {
  --color-1: #95bdad;
  --color-2: #d1be97;
  --color-3: #d99884;
  --color-4: #bf6263;
  --color-5: #6a3a3e;
}

SCSS

$color-1: #95bdad;
$color-2: #d1be97;
$color-3: #d99884;
$color-4: #bf6263;
$color-5: #6a3a3e;

TAILWIND

colors: {
  'brand-1': '#95bdad',
  'brand-2': '#d1be97',
  'brand-3': '#d99884',
  'brand-4': '#bf6263',
  'brand-5': '#6a3a3e',
}

RGB Array

[149, 189, 173], [209, 190, 151], [217, 152, 132], [191, 98, 99], [106, 58, 62]

FAQ FAQ

What scenarios is this 5-color palette suitable for?

This general-style palette of #95BDAD, #D1BE97, #D99884, #BF6263, #6A3A3E is ideal for: corporate websites, product showcases, portfolios. 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: #95bdad; --color-2: #d1be97; --color-3: #d99884; --color-4: #bf6263; --color-5: #6a3a3e. 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. 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