← Back to Editor

#908E79 · #6EC4C3 · #AAA48E · #90D8D7 · #BDBAAB

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

#908E79

Autumn Sage · Gray · Warm Gray

HEX
#908E79
RGB
rgb(144, 142, 121)
HSL
hsl(55, 9%, 52%)
HSB
hsb(55, 16%, 56%)
CMYK
cmyk(0%, 1%, 16%, 44%)
Oklch
oklch(64.2% 0.030 102.7)

Traditional「Autumn Sage」· Paint「Warm Gray」· Creative Urban Concrete

#6EC4C3

Mineral Blue · MediumAquaMarine · Lake Green

HEX
#6EC4C3
RGB
rgb(110, 196, 195)
HSL
hsl(179, 42%, 60%)
HSB
hsb(179, 44%, 77%)
CMYK
cmyk(44%, 0%, 1%, 23%)
Oklch
oklch(76.6% 0.084 194.6)

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

#AAA48E

Ginger · DarkGray · Sunflower

HEX
#AAA48E
RGB
rgb(170, 164, 142)
HSL
hsl(47, 14%, 61%)
HSB
hsb(47, 16%, 67%)
CMYK
cmyk(0%, 4%, 16%, 33%)
Oklch
oklch(71.8% 0.032 94.5)

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

#90D8D7

Jade · SkyBlue · Lake Green

HEX
#90D8D7
RGB
rgb(144, 216, 215)
HSL
hsl(179, 48%, 71%)
HSB
hsb(179, 33%, 85%)
CMYK
cmyk(33%, 0%, 0%, 15%)
Oklch
oklch(83.5% 0.072 194.8)

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

#BDBAAB

Fresh Green · Silver · Sunflower

HEX
#BDBAAB
RGB
rgb(189, 186, 171)
HSL
hsl(50, 12%, 71%)
HSB
hsb(50, 10%, 74%)
CMYK
cmyk(0%, 2%, 10%, 26%)
Oklch
oklch(78.7% 0.021 97.6)

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

Color Harmonies Color Harmonies

Based on color wheel theory, calculated from primary color

Complementary

908E79
7A7B90

Analogous

90837A
908E79
86907A

Triadic

908E79
7A908E
8E7A90

Split-Comp.

908E79
7A8690
837A90

Tetradic

908E79
7A9083
7A7B90
907A86

Contrast Matrix WCAG 2.1 Contrast

908E79
6EC4C3
AAA48E
90D8D7
BDBAAB
—
1.6
Fail
1.3
Fail
2.1
Fail
1.7
Fail
1.6
Fail
—
1.2
Fail
1.3
Fail
1.0
Fail
1.3
Fail
1.2
Fail
—
1.5
Fail
1.3
Fail
2.1
Fail
1.3
Fail
1.5
Fail
—
1.2
Fail
1.7
Fail
1.0
Fail
1.3
Fail
1.2
Fail
—
White BG
3.3AA Large
2.0Fail
2.5Fail
1.6Fail
1.9Fail
Black BG
6.3AA
10.3AAA
8.4AAA
13.0AAA
10.8AAA

Color Blindness Simulation Color Blindness Simulation

Protanopia

8F8F7E
9394C3
A7A793
AFB0D7
BCBCAF

Deuteranopia

8F8F7F
8E88C3
A8A895
ABA6D7
BCBCB0

Tritanopia

908283
72C3C3
AA9898
94D7D7
BDB1B2

Achromatopsia

8C8C8C
AAAAAA
A3A3A3
C2C2C2
B9B9B9

Shades & Tints Shades & Tints

#908E79

Dark
Light

#6EC4C3

Dark
Light

#AAA48E

Dark
Light

Code Snippets Code Snippets

CSS Custom Properties

:root {
  --color-1: #908e79;
  --color-2: #6ec4c3;
  --color-3: #aaa48e;
  --color-4: #90d8d7;
  --color-5: #bdbaab;
}

SCSS

$color-1: #908e79;
$color-2: #6ec4c3;
$color-3: #aaa48e;
$color-4: #90d8d7;
$color-5: #bdbaab;

TAILWIND

colors: {
  'brand-1': '#908e79',
  'brand-2': '#6ec4c3',
  'brand-3': '#aaa48e',
  'brand-4': '#90d8d7',
  'brand-5': '#bdbaab',
}

RGB Array

[144, 142, 121], [110, 196, 195], [170, 164, 142], [144, 216, 215], [189, 186, 171]

FAQ FAQ

What scenarios is this 5-color palette suitable for?

This general-style palette of #908E79, #6EC4C3, #AAA48E, #90D8D7, #BDBAAB 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: #908e79; --color-2: #6ec4c3; --color-3: #aaa48e; --color-4: #90d8d7; --color-5: #bdbaab. 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