← Back to Editor

#93BDA9 · #B0CE99 · #CCDD88 · #959C6D · #5C5951

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

#93BDA9

Jade · DarkSeaGreen · Apple Green

HEX
#93BDA9
RGB
rgb(147, 189, 169)
HSL
hsl(151, 24%, 66%)
HSB
hsb(151, 22%, 74%)
CMYK
cmyk(22%, 0%, 11%, 26%)
Oklch
oklch(76.2% 0.053 164.4)

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

#B0CE99

Celadon · DarkSeaGreen · Apple Green

HEX
#B0CE99
RGB
rgb(176, 206, 153)
HSL
hsl(94, 35%, 70%)
HSB
hsb(94, 26%, 81%)
CMYK
cmyk(15%, 0%, 26%, 19%)
Oklch
oklch(81.6% 0.079 132.0)

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

#CCDD88

Willow Green · Khaki · Apple Green

HEX
#CCDD88
RGB
rgb(204, 221, 136)
HSL
hsl(72, 56%, 70%)
HSB
hsb(72, 38%, 87%)
CMYK
cmyk(8%, 0%, 38%, 13%)
Oklch
oklch(86.5% 0.110 118.0)

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

#959C6D

Autumn Sage · Gray · Sunflower

HEX
#959C6D
RGB
rgb(149, 156, 109)
HSL
hsl(69, 19%, 52%)
HSB
hsb(69, 30%, 61%)
CMYK
cmyk(4%, 0%, 30%, 39%)
Oklch
oklch(67.5% 0.066 115.1)

Traditional「Autumn Sage」· Paint「Sunflower」· Creative Blush Sunrise

#5C5951

Ink Gray · DimGray · Charcoal

HEX
#5C5951
RGB
rgb(92, 89, 81)
HSL
hsl(44, 6%, 34%)
HSB
hsb(44, 12%, 36%)
CMYK
cmyk(0%, 3%, 12%, 64%)
Oklch
oklch(46.4% 0.013 89.8)

Traditional「Ink Gray」· Paint「Charcoal」· Creative Midnight Shadow

Color Harmonies Color Harmonies

Based on color wheel theory, calculated from primary color

Complementary

93BDA9
BD93A8

Analogous

93BD94
93BDA9
93BCBD

Triadic

93BDA9
A993BD
BDA993

Split-Comp.

93BDA9
BD93BC
BD9493

Tetradic

93BDA9
9493BD
BD93A8
BCBD93

Contrast Matrix WCAG 2.1 Contrast

93BDA9
B0CE99
CCDD88
959C6D
5C5951
—
1.2
Fail
1.4
Fail
1.4
Fail
3.4
AA Large
1.2
Fail
—
1.2
Fail
1.7
Fail
4.0
AA Large
1.4
Fail
1.2
Fail
—
2.0
Fail
4.8
AA
1.4
Fail
1.7
Fail
2.0
Fail
—
2.4
Fail
3.4
AA Large
4.0
AA Large
4.8
AA
2.4
Fail
—
White BG
2.1Fail
1.7Fail
1.5Fail
2.9Fail
7.0AA
Black BG
10.1AAA
12.1AAA
14.3AAA
7.3AAA
3.0AA Large

Color Blindness Simulation Color Blindness Simulation

Protanopia

A5A6AE
BDBDA6
D3D49D
989878
5B5B53

Deuteranopia

A3A0AF
BBB9A9
D2D1A2
98977B
5B5B53

Tritanopia

95B2B3
B2B0B2
CDADB0
958183
5C5455

Achromatopsia

AEAEAE
BFBFBF
CECECE
959595
595959

Shades & Tints Shades & Tints

#93BDA9

Dark
Light

#B0CE99

Dark
Light

#CCDD88

Dark
Light

Code Snippets Code Snippets

CSS Custom Properties

:root {
  --color-1: #93bda9;
  --color-2: #b0ce99;
  --color-3: #ccdd88;
  --color-4: #959c6d;
  --color-5: #5c5951;
}

SCSS

$color-1: #93bda9;
$color-2: #b0ce99;
$color-3: #ccdd88;
$color-4: #959c6d;
$color-5: #5c5951;

TAILWIND

colors: {
  'brand-1': '#93bda9',
  'brand-2': '#b0ce99',
  'brand-3': '#ccdd88',
  'brand-4': '#959c6d',
  'brand-5': '#5c5951',
}

RGB Array

[147, 189, 169], [176, 206, 153], [204, 221, 136], [149, 156, 109], [92, 89, 81]

FAQ FAQ

What scenarios is this 5-color palette suitable for?

This general-style palette of #93BDA9, #B0CE99, #CCDD88, #959C6D, #5C5951 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: #93bda9; --color-2: #b0ce99; --color-3: #ccdd88; --color-4: #959c6d; --color-5: #5c5951. 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