← Back to Editor

#959C99 · #B7A59B · #CABE79 · #C9D3B2 · #C2DFC9

A 5-color palette palette · Complete color analysis and application guide

Scene Recommendations Scene Recommendations

Emotion EMOTION

AiryCleanWarmCool

Industry INDUSTRY

HealthcareSaaS

UI Context UI CONTEXT

WorkspaceReading

Color Details Color Details

#959C99

Ash · DarkGray · Silver Sand

HEX
#959C99
RGB
rgb(149, 156, 153)
HSL
hsl(154, 3%, 60%)
HSB
hsb(154, 4%, 61%)
CMYK
cmyk(4%, 0%, 2%, 39%)
Oklch
oklch(68.6% 0.009 168.6)

Traditional「Ash」· Paint「Silver Sand」· Creative Urban Concrete

#B7A59B

Apricot · DarkGray · Warm Sun

HEX
#B7A59B
RGB
rgb(183, 165, 155)
HSL
hsl(21, 16%, 66%)
HSB
hsb(21, 15%, 72%)
CMYK
cmyk(0%, 10%, 15%, 28%)
Oklch
oklch(73.5% 0.025 51.0)

Traditional「Apricot」· Paint「Warm Sun」· Creative Honey Glow

#CABE79

Fresh Green · Tan · Sunflower

HEX
#CABE79
RGB
rgb(202, 190, 121)
HSL
hsl(51, 43%, 63%)
HSB
hsb(51, 40%, 79%)
CMYK
cmyk(0%, 6%, 40%, 21%)
Oklch
oklch(79.6% 0.090 99.6)

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

#C9D3B2

Willow Green · Silver · Apple Green

HEX
#C9D3B2
RGB
rgb(201, 211, 178)
HSL
hsl(78, 27%, 76%)
HSB
hsb(78, 16%, 83%)
CMYK
cmyk(5%, 0%, 16%, 17%)
Oklch
oklch(85.0% 0.046 121.1)

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

#C2DFC9

Celadon · LightGray · Mint Green

HEX
#C2DFC9
RGB
rgb(194, 223, 201)
HSL
hsl(134, 31%, 82%)
HSB
hsb(134, 13%, 87%)
CMYK
cmyk(13%, 0%, 10%, 13%)
Oklch
oklch(87.6% 0.043 152.7)

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

Color Harmonies Color Harmonies

Based on color wheel theory, calculated from primary color

Complementary

959C99
9C9699

Analogous

969C96
959C99
969C9C

Triadic

959C99
99969C
9C9996

Split-Comp.

959C99
9C969C
9C9696

Tetradic

959C99
96969C
9C9699
9C9C96

Contrast Matrix WCAG 2.1 Contrast

959C99
B7A59B
CABE79
C9D3B2
C2DFC9
—
1.2
Fail
1.5
Fail
1.8
Fail
2.0
Fail
1.2
Fail
—
1.3
Fail
1.5
Fail
1.7
Fail
1.5
Fail
1.3
Fail
—
1.2
Fail
1.3
Fail
1.8
Fail
1.5
Fail
1.2
Fail
—
1.1
Fail
2.0
Fail
1.7
Fail
1.3
Fail
1.1
Fail
—
White BG
2.8Fail
2.4Fail
1.9Fail
1.6Fail
1.4Fail
Black BG
7.5AAA
8.9AAA
11.2AAA
13.4AAA
14.7AAA

Color Blindness Simulation Color Blindness Simulation

Protanopia

98989A
AFAF9D
C5C58A
CDCDBA
CFCFCE

Deuteranopia

98979A
B0B29E
C6C68E
CDCCBC
CDCBD0

Tritanopia

959A9A
B69FA0
C9979A
CAC0C2
C3D3D3

Achromatopsia

9A9A9A
A9A9A9
BABABA
CCCCCC
D4D4D4

Shades & Tints Shades & Tints

#959C99

Dark
Light

#B7A59B

Dark
Light

#CABE79

Dark
Light

Code Snippets Code Snippets

CSS Custom Properties

:root {
  --color-1: #959c99;
  --color-2: #b7a59b;
  --color-3: #cabe79;
  --color-4: #c9d3b2;
  --color-5: #c2dfc9;
}

SCSS

$color-1: #959c99;
$color-2: #b7a59b;
$color-3: #cabe79;
$color-4: #c9d3b2;
$color-5: #c2dfc9;

TAILWIND

colors: {
  'brand-1': '#959c99',
  'brand-2': '#b7a59b',
  'brand-3': '#cabe79',
  'brand-4': '#c9d3b2',
  'brand-5': '#c2dfc9',
}

RGB Array

[149, 156, 153], [183, 165, 155], [202, 190, 121], [201, 211, 178], [194, 223, 201]

FAQ FAQ

What scenarios is this 5-color palette suitable for?

This general-style palette of #959C99, #B7A59B, #CABE79, #C9D3B2, #C2DFC9 is ideal for: brand design, premium product pages, magazine layouts, health products, baby brands, fresh-style blogs. 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: #959c99; --color-2: #b7a59b; --color-3: #cabe79; --color-4: #c9d3b2; --color-5: #c2dfc9. 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?

Light tones suit backgrounds; use dark colors for body text. Mid-tones work for card backgrounds or dividers to add depth. 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 beauty, lifestyle, arts 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