← Back to Editor

#79866C · #B2C29D · #C6D6A9 · #EDFED2 · #D7D8DA

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

Scene Recommendations Scene Recommendations

Emotion EMOTION

AiryCleanCool

Industry INDUSTRY

HealthcareSaaS

UI Context UI CONTEXT

WorkspaceReadingData Visualization

Color Details Color Details

#79866C

Celadon · Gray · Olive Green

HEX
#79866C
RGB
rgb(121, 134, 108)
HSL
hsl(90, 11%, 47%)
HSB
hsb(90, 19%, 53%)
CMYK
cmyk(10%, 0%, 19%, 47%)
Oklch
oklch(60.2% 0.041 129.3)

Traditional「Celadon」· Paint「Olive Green」· Creative Blush Sunrise

#B2C29D

Willow Green · DarkGray · Apple Green

HEX
#B2C29D
RGB
rgb(178, 194, 157)
HSL
hsl(86, 23%, 69%)
HSB
hsb(86, 19%, 76%)
CMYK
cmyk(8%, 0%, 19%, 24%)
Oklch
oklch(79.2% 0.054 126.6)

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

#C6D6A9

Willow Green · Silver · Apple Green

HEX
#C6D6A9
RGB
rgb(198, 214, 169)
HSL
hsl(81, 35%, 75%)
HSB
hsb(81, 21%, 84%)
CMYK
cmyk(7%, 0%, 21%, 16%)
Oklch
oklch(85.2% 0.063 123.6)

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

#EDFED2

Willow Green · Beige · Mint Green

HEX
#EDFED2
RGB
rgb(237, 254, 210)
HSL
hsl(83, 96%, 91%)
HSB
hsb(83, 17%, 100%)
CMYK
cmyk(7%, 0%, 17%, 0%)
Oklch
oklch(97.3% 0.060 124.7)

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

#D7D8DA

Silver Gray · LightGray · Pearl Gray

HEX
#D7D8DA
RGB
rgb(215, 216, 218)
HSL
hsl(220, 4%, 85%)
HSB
hsb(220, 1%, 85%)
CMYK
cmyk(1%, 1%, 0%, 15%)
Oklch
oklch(88.2% 0.003 264.5)

Traditional「Silver Gray」· Paint「Pearl Gray」· Creative Silver Lining

Color Harmonies Color Harmonies

Based on color wheel theory, calculated from primary color

Complementary

79866C
786B85

Analogous

85856B
79866C
6B856B

Triadic

79866C
6B7885
856B78

Split-Comp.

79866C
6B6B85
856B85

Tetradic

79866C
6B8585
786B85
856B6B

Contrast Matrix WCAG 2.1 Contrast

79866C
B2C29D
C6D6A9
EDFED2
D7D8DA
—
2.0
Fail
2.5
Fail
3.6
AA Large
2.7
Fail
2.0
Fail
—
1.2
Fail
1.8
Fail
1.3
Fail
2.5
Fail
1.2
Fail
—
1.4
Fail
1.1
Fail
3.6
AA Large
1.8
Fail
1.4
Fail
—
1.3
Fail
2.7
Fail
1.3
Fail
1.1
Fail
1.3
Fail
—
White BG
3.9AA Large
1.9Fail
1.5Fail
1.1Fail
1.4Fail
Black BG
5.4AA
11.1AAA
13.6AAA
19.7AAA
14.7AAA

Color Blindness Simulation Color Blindness Simulation

Protanopia

7F7F72
B9B9A6
CDCDB4
F4F5DD
D7D7DA

Deuteranopia

7E7D74
B8B7A8
CCCBB7
F3F2DF
D7D7D9

Tritanopia

7A7778
B3ADAF
C7BCBE
EEE5E7
D7D9D9

Achromatopsia

7F7F7F
B9B9B9
CCCCCC
F4F4F4
D8D8D8

Shades & Tints Shades & Tints

#79866C

Dark
Light

#B2C29D

Dark
Light

#C6D6A9

Dark
Light

Code Snippets Code Snippets

CSS Custom Properties

:root {
  --color-1: #79866c;
  --color-2: #b2c29d;
  --color-3: #c6d6a9;
  --color-4: #edfed2;
  --color-5: #d7d8da;
}

SCSS

$color-1: #79866c;
$color-2: #b2c29d;
$color-3: #c6d6a9;
$color-4: #edfed2;
$color-5: #d7d8da;

TAILWIND

colors: {
  'brand-1': '#79866c',
  'brand-2': '#b2c29d',
  'brand-3': '#c6d6a9',
  'brand-4': '#edfed2',
  'brand-5': '#d7d8da',
}

RGB Array

[121, 134, 108], [178, 194, 157], [198, 214, 169], [237, 254, 210], [215, 216, 218]

FAQ FAQ

What scenarios is this 5-color palette suitable for?

This general-style palette of #79866C, #B2C29D, #C6D6A9, #EDFED2, #D7D8DA is ideal for: health products, baby brands, fresh-style blogs, infographics, data visualization, accessible design. High contrast ensures clear visual hierarchy and readability. 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: #79866c; --color-2: #b2c29d; --color-3: #c6d6a9; --color-4: #edfed2; --color-5: #d7d8da. 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. High-contrast palettes naturally meet WCAG accessibility standards. 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