← Back to Editor

#E6E3D0 · #D7E3B9 · #C4D3B9 · #95A3A8 · #797A94

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

#E6E3D0

Fresh Green · LightGray · Lemon Cream

HEX
#E6E3D0
RGB
rgb(230, 227, 208)
HSL
hsl(52, 31%, 86%)
HSB
hsb(52, 10%, 90%)
CMYK
cmyk(0%, 1%, 10%, 10%)
Oklch
oklch(91.3% 0.026 99.6)

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

#D7E3B9

Willow Green · LightGray · Mint Green

HEX
#D7E3B9
RGB
rgb(215, 227, 185)
HSL
hsl(77, 43%, 81%)
HSB
hsb(77, 19%, 89%)
CMYK
cmyk(5%, 0%, 19%, 11%)
Oklch
oklch(89.6% 0.057 120.5)

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

#C4D3B9

Celadon · Silver · Apple Green

HEX
#C4D3B9
RGB
rgb(196, 211, 185)
HSL
hsl(95, 23%, 78%)
HSB
hsb(95, 12%, 83%)
CMYK
cmyk(7%, 0%, 12%, 17%)
Oklch
oklch(84.8% 0.039 131.9)

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

#95A3A8

Sky Blue · DarkGray · Lake Green

HEX
#95A3A8
RGB
rgb(149, 163, 168)
HSL
hsl(196, 10%, 62%)
HSB
hsb(196, 11%, 66%)
CMYK
cmyk(11%, 3%, 0%, 34%)
Oklch
oklch(70.6% 0.017 221.2)

Traditional「Sky Blue」· Paint「Lake Green」· Creative Arctic Pool

#797A94

Azure · SlateGray · Navy Blue

HEX
#797A94
RGB
rgb(121, 122, 148)
HSL
hsl(238, 11%, 53%)
HSB
hsb(238, 18%, 58%)
CMYK
cmyk(18%, 18%, 0%, 42%)
Oklch
oklch(58.8% 0.040 283.4)

Traditional「Azure」· Paint「Navy Blue」· Creative Blush Sunrise

Color Harmonies Color Harmonies

Based on color wheel theory, calculated from primary color

Complementary

E6E3D0
D0D3E6

Analogous

E6D8D0
E6E3D0
DEE6D0

Triadic

E6E3D0
D0E6E3
E3D0E6

Split-Comp.

E6E3D0
D0DEE6
D8D0E6

Tetradic

E6E3D0
D0E6D8
D0D3E6
E6D0DE

Contrast Matrix WCAG 2.1 Contrast

E6E3D0
D7E3B9
C4D3B9
95A3A8
797A94
—
1.0
Fail
1.2
Fail
2.0
Fail
3.2
AA Large
1.0
Fail
—
1.2
Fail
1.9
Fail
3.1
AA Large
1.2
Fail
1.2
Fail
—
1.7
Fail
2.7
Fail
2.0
Fail
1.9
Fail
1.7
Fail
—
1.6
Fail
3.2
AA Large
3.1
AA Large
2.7
Fail
1.6
Fail
—
White BG
1.3Fail
1.3Fail
1.6Fail
2.6Fail
4.2AA Large
Black BG
16.3AAA
15.6AAA
13.4AAA
8.1AAA
5.0AA

Color Blindness Simulation Color Blindness Simulation

Protanopia

E5E5D5
DCDCC3
CACBBF
9B9BA7
79798E

Deuteranopia

E5E5D6
DCDBC6
CAC9C1
9A99A7
79798C

Tritanopia

E6D8D9
D8CBCD
C5C4C5
96A6A6
798988

Achromatopsia

E2E2E2
DBDBDB
CCCCCC
9F9F9F
7D7D7D

Shades & Tints Shades & Tints

#E6E3D0

Dark
Light

#D7E3B9

Dark
Light

#C4D3B9

Dark
Light

Code Snippets Code Snippets

CSS Custom Properties

:root {
  --color-1: #e6e3d0;
  --color-2: #d7e3b9;
  --color-3: #c4d3b9;
  --color-4: #95a3a8;
  --color-5: #797a94;
}

SCSS

$color-1: #e6e3d0;
$color-2: #d7e3b9;
$color-3: #c4d3b9;
$color-4: #95a3a8;
$color-5: #797a94;

TAILWIND

colors: {
  'brand-1': '#e6e3d0',
  'brand-2': '#d7e3b9',
  'brand-3': '#c4d3b9',
  'brand-4': '#95a3a8',
  'brand-5': '#797a94',
}

RGB Array

[230, 227, 208], [215, 227, 185], [196, 211, 185], [149, 163, 168], [121, 122, 148]

FAQ FAQ

What scenarios is this 5-color palette suitable for?

This general-style palette of #E6E3D0, #D7E3B9, #C4D3B9, #95A3A8, #797A94 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: #e6e3d0; --color-2: #d7e3b9; --color-3: #c4d3b9; --color-4: #95a3a8; --color-5: #797a94. 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