← Back to Editor

#E5E7CF · #C3DBCB · #93C6B5 · #4FA59C · #5A4B5E

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

Scene Recommendations Scene Recommendations

Emotion EMOTION

HarmoniousVersatileCool

Industry INDUSTRY

E-commerceBusiness

UI Context UI CONTEXT

Web PageComponent LibraryData Visualization

Color Details Color Details

#E5E7CF

Fresh Green · Beige · Lemon Cream

HEX
#E5E7CF
RGB
rgb(229, 231, 207)
HSL
hsl(65, 33%, 86%)
HSB
hsb(65, 10%, 91%)
CMYK
cmyk(1%, 0%, 10%, 9%)
Oklch
oklch(92.0% 0.032 110.9)

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

#C3DBCB

Celadon · LightGray · Mint Green

HEX
#C3DBCB
RGB
rgb(195, 219, 203)
HSL
hsl(140, 25%, 81%)
HSB
hsb(140, 11%, 86%)
CMYK
cmyk(11%, 0%, 7%, 14%)
Oklch
oklch(86.9% 0.034 156.5)

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

#93C6B5

Jade · DarkGray · Lake Green

HEX
#93C6B5
RGB
rgb(147, 198, 181)
HSL
hsl(160, 31%, 68%)
HSB
hsb(160, 26%, 78%)
CMYK
cmyk(26%, 0%, 9%, 22%)
Oklch
oklch(78.6% 0.059 172.2)

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

#4FA59C

Mineral Blue · CadetBlue · Mint Ice

HEX
#4FA59C
RGB
rgb(79, 165, 156)
HSL
hsl(174, 35%, 48%)
HSB
hsb(174, 52%, 65%)
CMYK
cmyk(52%, 0%, 5%, 35%)
Oklch
oklch(66.6% 0.084 186.3)

Traditional「Mineral Blue」· Paint「Mint Ice」· Creative Blush Sunrise

#5A4B5E

Dark Plum · DimGray · Eggplant

HEX
#5A4B5E
RGB
rgb(90, 75, 94)
HSL
hsl(287, 11%, 33%)
HSB
hsb(287, 20%, 37%)
CMYK
cmyk(4%, 20%, 0%, 63%)
Oklch
oklch(43.5% 0.036 319.1)

Traditional「Dark Plum」· Paint「Eggplant」· Creative Blush Sunrise

Color Harmonies Color Harmonies

Based on color wheel theory, calculated from primary color

Complementary

E5E7CF
D1D0E7

Analogous

E7DDD0
E5E7CF
D9E7D0

Triadic

E5E7CF
D0E5E7
E7D0E5

Split-Comp.

E5E7CF
D0D9E7
DDD0E7

Tetradic

E5E7CF
D0E7DD
D1D0E7
E7D0D9

Contrast Matrix WCAG 2.1 Contrast

E5E7CF
C3DBCB
93C6B5
4FA59C
5A4B5E
—
1.2
Fail
1.5
Fail
2.3
Fail
6.4
AA
1.2
Fail
—
1.3
Fail
2.0
Fail
5.5
AA
1.5
Fail
1.3
Fail
—
1.5
Fail
4.2
AA Large
2.3
Fail
2.0
Fail
1.5
Fail
—
2.8
Fail
6.4
AA
5.5
AA
4.2
AA Large
2.8
Fail
—
White BG
1.3Fail
1.5Fail
1.9Fail
2.9Fail
8.1AAA
Black BG
16.7AAA
14.3AAA
11.0AAA
7.2AAA
2.6Fail

Color Blindness Simulation Color Blindness Simulation

Protanopia

E6E6D5
CDCECF
A9AAB9
74759E
545359

Deuteranopia

E6E6D6
CCCAD0
A6A2BA
6F699F
545658

Tritanopia

E5D9DA
C4D2D3
96BCBD
53A0A0
595655

Achromatopsia

E4E4E4
D2D2D2
B5B5B5
8A8A8A
525252

Shades & Tints Shades & Tints

#E5E7CF

Dark
Light

#C3DBCB

Dark
Light

#93C6B5

Dark
Light

Code Snippets Code Snippets

CSS Custom Properties

:root {
  --color-1: #e5e7cf;
  --color-2: #c3dbcb;
  --color-3: #93c6b5;
  --color-4: #4fa59c;
  --color-5: #5a4b5e;
}

SCSS

$color-1: #e5e7cf;
$color-2: #c3dbcb;
$color-3: #93c6b5;
$color-4: #4fa59c;
$color-5: #5a4b5e;

TAILWIND

colors: {
  'brand-1': '#e5e7cf',
  'brand-2': '#c3dbcb',
  'brand-3': '#93c6b5',
  'brand-4': '#4fa59c',
  'brand-5': '#5a4b5e',
}

RGB Array

[229, 231, 207], [195, 219, 203], [147, 198, 181], [79, 165, 156], [90, 75, 94]

FAQ FAQ

What scenarios is this 5-color palette suitable for?

This general-style palette of #E5E7CF, #C3DBCB, #93C6B5, #4FA59C, #5A4B5E is ideal for: brand design, premium product pages, magazine layouts, infographics, data visualization, accessible design. Low-saturation colors convey a sophisticated, premium feel. High contrast ensures clear visual hierarchy and readability. 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: #e5e7cf; --color-2: #c3dbcb; --color-3: #93c6b5; --color-4: #4fa59c; --color-5: #5a4b5e. 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?

Medium-brightness colors suit brand primary and accent colors. Use the darkest for text, lightest for backgrounds, and mid-tones for emphasis. 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. 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