← Back to Editor

#EDE3CE · #D3E2D4 · #AEC8C0 · #56A89A · #1C575E

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

Scene Recommendations Scene Recommendations

Emotion EMOTION

HarmoniousVersatileWarmCool

Industry INDUSTRY

E-commerceBusiness

UI Context UI CONTEXT

Web PageComponent LibraryData Visualization

Color Details Color Details

#EDE3CE

Goose Yellow · Bisque · Lemon Cream

HEX
#EDE3CE
RGB
rgb(237, 227, 206)
HSL
hsl(41, 46%, 87%)
HSB
hsb(41, 13%, 93%)
CMYK
cmyk(0%, 4%, 13%, 7%)
Oklch
oklch(91.8% 0.030 85.6)

Traditional「Goose Yellow」· Paint「Lemon Cream」· Creative Lemon Fizz

#D3E2D4

Celadon · LightGray · Mint Green

HEX
#D3E2D4
RGB
rgb(211, 226, 212)
HSL
hsl(124, 21%, 86%)
HSB
hsb(124, 7%, 89%)
CMYK
cmyk(7%, 0%, 6%, 11%)
Oklch
oklch(89.8% 0.025 147.3)

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

#AEC8C0

Jade · Silver · Lake Green

HEX
#AEC8C0
RGB
rgb(174, 200, 192)
HSL
hsl(162, 19%, 73%)
HSB
hsb(162, 13%, 78%)
CMYK
cmyk(13%, 0%, 4%, 22%)
Oklch
oklch(81.1% 0.030 175.0)

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

#56A89A

Mineral Blue · CadetBlue · Mint Ice

HEX
#56A89A
RGB
rgb(86, 168, 154)
HSL
hsl(170, 32%, 50%)
HSB
hsb(170, 49%, 66%)
CMYK
cmyk(49%, 0%, 8%, 34%)
Oklch
oklch(67.6% 0.083 181.2)

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

#1C575E

Lake Blue · DarkSlateGray · Peacock Green

HEX
#1C575E
RGB
rgb(28, 87, 94)
HSL
hsl(186, 54%, 24%)
HSB
hsb(186, 70%, 37%)
CMYK
cmyk(70%, 7%, 0%, 63%)
Oklch
oklch(42.2% 0.060 206.2)

Traditional「Lake Blue」· Paint「Peacock Green」· Creative Blush Sunrise

Color Harmonies Color Harmonies

Based on color wheel theory, calculated from primary color

Complementary

EDE3CE
CFD8ED

Analogous

EDD4CF
EDE3CE
E8EDCF

Triadic

EDE3CE
CFEDE3
E3CFED

Split-Comp.

EDE3CE
CFE8ED
D4CFED

Tetradic

EDE3CE
CFEDD4
CFD8ED
EDCFE8

Contrast Matrix WCAG 2.1 Contrast

EDE3CE
D3E2D4
AEC8C0
56A89A
1C575E
—
1.1
Fail
1.4
Fail
2.2
Fail
6.4
AA
1.1
Fail
—
1.3
Fail
2.1
Fail
6.1
AA
1.4
Fail
1.3
Fail
—
1.6
Fail
4.6
AA
2.2
Fail
2.1
Fail
1.6
Fail
—
2.9
Fail
6.4
AA
6.1
AA
4.6
AA
2.9
Fail
—
White BG
1.3Fail
1.3Fail
1.8Fail
2.8Fail
8.2AAA
Black BG
16.5AAA
15.6AAA
11.8AAA
7.5AAA
2.6Fail

Color Blindness Simulation Color Blindness Simulation

Protanopia

E9E9D3
D9DAD7
B9B9C2
7A7A9D
36365C

Deuteranopia

E9EAD4
D9D8D8
B8B6C2
756F9E
322E5C

Tritanopia

ECD7D8
D4DADB
AFC3C4
5AA0A1
1F5B5B

Achromatopsia

E4E4E4
DCDCDC
BFBFBF
8E8E8E
464646

Shades & Tints Shades & Tints

#EDE3CE

Dark
Light

#D3E2D4

Dark
Light

#AEC8C0

Dark
Light

Code Snippets Code Snippets

CSS Custom Properties

:root {
  --color-1: #ede3ce;
  --color-2: #d3e2d4;
  --color-3: #aec8c0;
  --color-4: #56a89a;
  --color-5: #1c575e;
}

SCSS

$color-1: #ede3ce;
$color-2: #d3e2d4;
$color-3: #aec8c0;
$color-4: #56a89a;
$color-5: #1c575e;

TAILWIND

colors: {
  'brand-1': '#ede3ce',
  'brand-2': '#d3e2d4',
  'brand-3': '#aec8c0',
  'brand-4': '#56a89a',
  'brand-5': '#1c575e',
}

RGB Array

[237, 227, 206], [211, 226, 212], [174, 200, 192], [86, 168, 154], [28, 87, 94]

FAQ FAQ

What scenarios is this 5-color palette suitable for?

This general-style palette of #EDE3CE, #D3E2D4, #AEC8C0, #56A89A, #1C575E is ideal for: 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: #ede3ce; --color-2: #d3e2d4; --color-3: #aec8c0; --color-4: #56a89a; --color-5: #1c575e. 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. 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