← Back to Editor

#70715F · #809882 · #BCD9AD · #D8EDB5 · #EDEEB5

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

Scene Recommendations Scene Recommendations

Emotion EMOTION

AiryClean

Industry INDUSTRY

HealthcareSaaS

UI Context UI CONTEXT

WorkspaceReadingData Visualization

Color Details Color Details

#70715F

Autumn Sage · DimGray · Warm Gray

HEX
#70715F
RGB
rgb(112, 113, 95)
HSL
hsl(63, 9%, 41%)
HSB
hsb(63, 16%, 44%)
CMYK
cmyk(1%, 0%, 16%, 56%)
Oklch
oklch(54.2% 0.027 109.9)

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

#809882

Celadon · Gray · Olive Green

HEX
#809882
RGB
rgb(128, 152, 130)
HSL
hsl(125, 10%, 55%)
HSB
hsb(125, 16%, 60%)
CMYK
cmyk(16%, 0%, 14%, 40%)
Oklch
oklch(65.5% 0.042 147.4)

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

#BCD9AD

Celadon · Silver · Apple Green

HEX
#BCD9AD
RGB
rgb(188, 217, 173)
HSL
hsl(100, 37%, 76%)
HSB
hsb(100, 20%, 85%)
CMYK
cmyk(13%, 0%, 20%, 15%)
Oklch
oklch(85.2% 0.067 135.0)

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

#D8EDB5

Willow Green · Wheat · Mint Green

HEX
#D8EDB5
RGB
rgb(216, 237, 181)
HSL
hsl(83, 61%, 82%)
HSB
hsb(83, 24%, 93%)
CMYK
cmyk(9%, 0%, 24%, 7%)
Oklch
oklch(91.7% 0.077 124.6)

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

#EDEEB5

Fresh Green · Wheat · Lemon Cream

HEX
#EDEEB5
RGB
rgb(237, 238, 181)
HSL
hsl(61, 63%, 82%)
HSB
hsb(61, 24%, 93%)
CMYK
cmyk(0%, 0%, 24%, 7%)
Oklch
oklch(93.5% 0.074 108.6)

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

Color Harmonies Color Harmonies

Based on color wheel theory, calculated from primary color

Complementary

70715F
605F72

Analogous

72695F
70715F
68725F

Triadic

70715F
5F7172
725F71

Split-Comp.

70715F
5F6872
695F72

Tetradic

70715F
5F7269
605F72
725F68

Contrast Matrix WCAG 2.1 Contrast

70715F
809882
BCD9AD
D8EDB5
EDEEB5
—
1.6
Fail
3.2
AA Large
4.0
AA Large
4.2
AA Large
1.6
Fail
—
2.0
Fail
2.5
Fail
2.6
Fail
3.2
AA Large
2.0
Fail
—
1.2
Fail
1.3
Fail
4.0
AA Large
2.5
Fail
1.2
Fail
—
1.0
Fail
4.2
AA Large
2.6
Fail
1.3
Fail
1.0
Fail
—
White BG
5.0AA
3.1AA Large
1.5Fail
1.3Fail
1.2Fail
Black BG
4.2AA Large
6.7AA
13.7AAA
16.7AAA
17.5AAA

Color Blindness Simulation Color Blindness Simulation

Protanopia

707063
8A8B87
C9C9B8
E1E1C3
EDEDC3

Deuteranopia

707064
898789
C7C5BA
E0DEC6
EDEDC6

Tritanopia

706768
818C8C
BDC0C2
D9CDD0
EDCED0

Achromatopsia

6F6F6F
8E8E8E
CBCBCB
E0E0E0
E7E7E7

Shades & Tints Shades & Tints

#70715F

Dark
Light

#809882

Dark
Light

#BCD9AD

Dark
Light

Code Snippets Code Snippets

CSS Custom Properties

:root {
  --color-1: #70715f;
  --color-2: #809882;
  --color-3: #bcd9ad;
  --color-4: #d8edb5;
  --color-5: #edeeb5;
}

SCSS

$color-1: #70715f;
$color-2: #809882;
$color-3: #bcd9ad;
$color-4: #d8edb5;
$color-5: #edeeb5;

TAILWIND

colors: {
  'brand-1': '#70715f',
  'brand-2': '#809882',
  'brand-3': '#bcd9ad',
  'brand-4': '#d8edb5',
  'brand-5': '#edeeb5',
}

RGB Array

[112, 113, 95], [128, 152, 130], [188, 217, 173], [216, 237, 181], [237, 238, 181]

FAQ FAQ

What scenarios is this 5-color palette suitable for?

This general-style palette of #70715F, #809882, #BCD9AD, #D8EDB5, #EDEEB5 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: #70715f; --color-2: #809882; --color-3: #bcd9ad; --color-4: #d8edb5; --color-5: #edeeb5. 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