← Back to Editor

#E7F5B6 · #CEE6C7 · #AAC1B6 · #9D9B88 · #71756B

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

#E7F5B6

Willow Green · Wheat · Mint Green

HEX
#E7F5B6
RGB
rgb(231, 245, 182)
HSL
hsl(73, 76%, 84%)
HSB
hsb(73, 26%, 96%)
CMYK
cmyk(6%, 0%, 26%, 4%)
Oklch
oklch(94.4% 0.083 118.2)

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

#CEE6C7

Celadon · LightGray · Mint Green

HEX
#CEE6C7
RGB
rgb(206, 230, 199)
HSL
hsl(106, 38%, 84%)
HSB
hsb(106, 13%, 90%)
CMYK
cmyk(10%, 0%, 13%, 10%)
Oklch
oklch(89.9% 0.049 138.6)

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

#AAC1B6

Jade · Silver · Apple Green

HEX
#AAC1B6
RGB
rgb(170, 193, 182)
HSL
hsl(151, 16%, 71%)
HSB
hsb(151, 12%, 76%)
CMYK
cmyk(12%, 0%, 6%, 24%)
Oklch
oklch(79.0% 0.029 165.2)

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

#9D9B88

Autumn Sage · DarkSeaGreen · Sunflower

HEX
#9D9B88
RGB
rgb(157, 155, 136)
HSL
hsl(54, 10%, 57%)
HSB
hsb(54, 13%, 62%)
CMYK
cmyk(0%, 1%, 13%, 38%)
Oklch
oklch(68.6% 0.027 102.2)

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

#71756B

Ink Gray · DimGray · Warm Gray

HEX
#71756B
RGB
rgb(113, 117, 107)
HSL
hsl(84, 4%, 44%)
HSB
hsb(84, 9%, 46%)
CMYK
cmyk(3%, 0%, 9%, 54%)
Oklch
oklch(55.6% 0.016 124.8)

Traditional「Ink Gray」· Paint「Warm Gray」· Creative Urban Concrete

Color Harmonies Color Harmonies

Based on color wheel theory, calculated from primary color

Complementary

E7F5B6
C5B7F5

Analogous

F5E4B7
E7F5B6
C9F5B7

Triadic

E7F5B6
B7E8F5
F5B7E8

Split-Comp.

E7F5B6
B7C9F5
E4B7F5

Tetradic

E7F5B6
B7F5E4
C5B7F5
F5B7C9

Contrast Matrix WCAG 2.1 Contrast

E7F5B6
CEE6C7
AAC1B6
9D9B88
71756B
—
1.2
Fail
1.6
Fail
2.4
Fail
4.1
AA Large
1.2
Fail
—
1.4
Fail
2.1
Fail
3.5
AA Large
1.6
Fail
1.4
Fail
—
1.5
Fail
2.5
Fail
2.4
Fail
2.1
Fail
1.5
Fail
—
1.7
Fail
4.1
AA Large
3.5
AA Large
2.5
Fail
1.7
Fail
—
White BG
1.2Fail
1.3Fail
1.9Fail
2.8Fail
4.7AA
Black BG
18.1AAA
15.8AAA
11.0AAA
7.5AAA
4.5AA Large

Color Blindness Simulation Color Blindness Simulation

Protanopia

EDEDC5
D8D9CF
B4B4B9
9C9C8D
73736D

Deuteranopia

ECEBC9
D7D5D0
B3B1B9
9C9C8E
73726E

Tritanopia

E8D1D4
CFD4D6
ABBBBB
9D9091
716F70

Achromatopsia

EAEAEA
DBDBDB
B9B9B9
999999
737373

Shades & Tints Shades & Tints

#E7F5B6

Dark
Light

#CEE6C7

Dark
Light

#AAC1B6

Dark
Light

Code Snippets Code Snippets

CSS Custom Properties

:root {
  --color-1: #e7f5b6;
  --color-2: #cee6c7;
  --color-3: #aac1b6;
  --color-4: #9d9b88;
  --color-5: #71756b;
}

SCSS

$color-1: #e7f5b6;
$color-2: #cee6c7;
$color-3: #aac1b6;
$color-4: #9d9b88;
$color-5: #71756b;

TAILWIND

colors: {
  'brand-1': '#e7f5b6',
  'brand-2': '#cee6c7',
  'brand-3': '#aac1b6',
  'brand-4': '#9d9b88',
  'brand-5': '#71756b',
}

RGB Array

[231, 245, 182], [206, 230, 199], [170, 193, 182], [157, 155, 136], [113, 117, 107]

FAQ FAQ

What scenarios is this 5-color palette suitable for?

This general-style palette of #E7F5B6, #CEE6C7, #AAC1B6, #9D9B88, #71756B 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: #e7f5b6; --color-2: #cee6c7; --color-3: #aac1b6; --color-4: #9d9b88; --color-5: #71756b. 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