← Back to Editor

#6FE0D7 · #8DCEBB · #A1B3A2 · #8F8579 · #83735D

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

#6FE0D7

Jade · SkyBlue · Lake Green

HEX
#6FE0D7
RGB
rgb(111, 224, 215)
HSL
hsl(175, 65%, 66%)
HSB
hsb(175, 50%, 88%)
CMYK
cmyk(50%, 0%, 4%, 12%)
Oklch
oklch(83.8% 0.104 188.5)

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

#8DCEBB

Jade · MediumAquaMarine · Lake Green

HEX
#8DCEBB
RGB
rgb(141, 206, 187)
HSL
hsl(162, 40%, 68%)
HSB
hsb(162, 32%, 81%)
CMYK
cmyk(32%, 0%, 9%, 19%)
Oklch
oklch(80.2% 0.072 174.2)

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

#A1B3A2

Celadon · DarkGray · Apple Green

HEX
#A1B3A2
RGB
rgb(161, 179, 162)
HSL
hsl(123, 11%, 67%)
HSB
hsb(123, 10%, 70%)
CMYK
cmyk(10%, 0%, 9%, 30%)
Oklch
oklch(74.8% 0.031 146.8)

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

#8F8579

Ginger · Gray · Warm Gray

HEX
#8F8579
RGB
rgb(143, 133, 121)
HSL
hsl(33, 9%, 52%)
HSB
hsb(33, 15%, 56%)
CMYK
cmyk(0%, 7%, 15%, 44%)
Oklch
oklch(62.2% 0.021 72.4)

Traditional「Ginger」· Paint「Warm Gray」· Creative Urban Concrete

#83735D

Ochre · DimGray · Amber Brown

HEX
#83735D
RGB
rgb(131, 115, 93)
HSL
hsl(35, 17%, 44%)
HSB
hsb(35, 29%, 51%)
CMYK
cmyk(0%, 12%, 29%, 49%)
Oklch
oklch(56.4% 0.038 75.6)

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

Color Harmonies Color Harmonies

Based on color wheel theory, calculated from primary color

Complementary

6FE0D7
E17079

Analogous

70E19F
6FE0D7
70B2E1

Triadic

6FE0D7
D770E1
E1D770

Split-Comp.

6FE0D7
E170B2
E19F70

Tetradic

6FE0D7
9F70E1
E17079
B2E170

Contrast Matrix WCAG 2.1 Contrast

6FE0D7
8DCEBB
A1B3A2
8F8579
83735D
—
1.1
Fail
1.4
Fail
2.3
Fail
2.9
Fail
1.1
Fail
—
1.2
Fail
2.0
Fail
2.6
Fail
1.4
Fail
1.2
Fail
—
1.6
Fail
2.1
Fail
2.3
Fail
2.0
Fail
1.6
Fail
—
1.3
Fail
2.9
Fail
2.6
Fail
2.1
Fail
1.3
Fail
—
White BG
1.6Fail
1.8Fail
2.2Fail
3.6AA Large
4.6AA
Black BG
13.3AAA
11.7AAA
9.5AAA
5.8AA
4.6AA

Color Blindness Simulation Color Blindness Simulation

Protanopia

A0A1D9
A9AAC0
A9A9A6
8B8B7C
7C7C62

Deuteranopia

9991DA
A5A1C1
A8A6A7
8B8C7D
7D7E64

Tritanopia

75DBDB
90C3C4
A2A9AA
8F7E7F
826767

Achromatopsia

BDBDBD
B8B8B8
ACACAC
878787
757575

Shades & Tints Shades & Tints

#6FE0D7

Dark
Light

#8DCEBB

Dark
Light

#A1B3A2

Dark
Light

Code Snippets Code Snippets

CSS Custom Properties

:root {
  --color-1: #6fe0d7;
  --color-2: #8dcebb;
  --color-3: #a1b3a2;
  --color-4: #8f8579;
  --color-5: #83735d;
}

SCSS

$color-1: #6fe0d7;
$color-2: #8dcebb;
$color-3: #a1b3a2;
$color-4: #8f8579;
$color-5: #83735d;

TAILWIND

colors: {
  'brand-1': '#6fe0d7',
  'brand-2': '#8dcebb',
  'brand-3': '#a1b3a2',
  'brand-4': '#8f8579',
  'brand-5': '#83735d',
}

RGB Array

[111, 224, 215], [141, 206, 187], [161, 179, 162], [143, 133, 121], [131, 115, 93]

FAQ FAQ

What scenarios is this 5-color palette suitable for?

This general-style palette of #6FE0D7, #8DCEBB, #A1B3A2, #8F8579, #83735D 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: #6fe0d7; --color-2: #8dcebb; --color-3: #a1b3a2; --color-4: #8f8579; --color-5: #83735d. 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