← Back to Editor

#EDE9DA · #605356 · #DE8E75 · #A68A82 · #A0BEAB

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

Scene Recommendations Scene Recommendations

Emotion EMOTION

HarmoniousVersatileWarm

Industry INDUSTRY

E-commerceBusiness

UI Context UI CONTEXT

Web PageComponent LibraryData Visualization

Color Details Color Details

#EDE9DA

Goose Yellow · Beige · Lemon Cream

HEX
#EDE9DA
RGB
rgb(237, 233, 218)
HSL
hsl(47, 35%, 89%)
HSB
hsb(47, 8%, 93%)
CMYK
cmyk(0%, 2%, 8%, 7%)
Oklch
oklch(93.3% 0.020 94.5)

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

#605356

Ink Gray · DimGray · Charcoal

HEX
#605356
RGB
rgb(96, 83, 86)
HSL
hsl(346, 7%, 35%)
HSB
hsb(346, 14%, 38%)
CMYK
cmyk(0%, 14%, 10%, 62%)
Oklch
oklch(45.6% 0.018 2.2)

Traditional「Ink Gray」· Paint「Charcoal」· Creative Midnight Shadow

#DE8E75

Peach Pink · DarkSalmon · Coral Red

HEX
#DE8E75
RGB
rgb(222, 142, 117)
HSL
hsl(14, 61%, 66%)
HSB
hsb(14, 47%, 87%)
CMYK
cmyk(0%, 36%, 47%, 13%)
Oklch
oklch(72.3% 0.104 38.1)

Traditional「Peach Pink」· Paint「Coral Red」· Creative Blush Sunrise

#A68A82

Crimson · Gray · Passion Red

HEX
#A68A82
RGB
rgb(166, 138, 130)
HSL
hsl(13, 17%, 58%)
HSB
hsb(13, 22%, 65%)
CMYK
cmyk(0%, 17%, 22%, 35%)
Oklch
oklch(65.7% 0.036 36.5)

Traditional「Crimson」· Paint「Passion Red」· Creative Blush Sunrise

#A0BEAB

Celadon · DarkGray · Apple Green

HEX
#A0BEAB
RGB
rgb(160, 190, 171)
HSL
hsl(142, 19%, 69%)
HSB
hsb(142, 16%, 75%)
CMYK
cmyk(16%, 0%, 10%, 25%)
Oklch
oklch(77.4% 0.042 157.5)

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

Color Harmonies Color Harmonies

Based on color wheel theory, calculated from primary color

Complementary

EDE9DA
D9DDED

Analogous

EDDFD9
EDE9DA
E7EDD9

Triadic

EDE9DA
D9EDE9
E9D9ED

Split-Comp.

EDE9DA
D9E7ED
DFD9ED

Tetradic

EDE9DA
D9EDDF
D9DDED
EDD9E7

Contrast Matrix WCAG 2.1 Contrast

EDE9DA
605356
DE8E75
A68A82
A0BEAB
—
6.0
AA
2.1
Fail
2.6
Fail
1.7
Fail
6.0
AA
—
2.9
Fail
2.3
Fail
3.6
AA Large
2.1
Fail
2.9
Fail
—
1.3
Fail
1.3
Fail
2.6
Fail
2.3
Fail
1.3
Fail
—
1.6
Fail
1.7
Fail
3.6
AA Large
1.3
Fail
1.6
Fail
—
White BG
1.2Fail
7.3AAA
2.6Fail
3.2AA Large
2.0Fail
Black BG
17.3AAA
2.9Fail
8.2AAA
6.6AA
10.4AAA

Color Blindness Simulation Color Blindness Simulation

Protanopia

EBEBDE
5A5A55
BBBB7B
9A9A84
ADADB0

Deuteranopia

ECECDF
5B5C55
C0C67D
9C9E84
ABA9B1

Tritanopia

EDE0E1
5F5555
DA8081
A58586
A2B3B4

Achromatopsia

E8E8E8
575757
A3A3A3
919191
B3B3B3

Shades & Tints Shades & Tints

#EDE9DA

Dark
Light

#605356

Dark
Light

#DE8E75

Dark
Light

Code Snippets Code Snippets

CSS Custom Properties

:root {
  --color-1: #ede9da;
  --color-2: #605356;
  --color-3: #de8e75;
  --color-4: #a68a82;
  --color-5: #a0beab;
}

SCSS

$color-1: #ede9da;
$color-2: #605356;
$color-3: #de8e75;
$color-4: #a68a82;
$color-5: #a0beab;

TAILWIND

colors: {
  'brand-1': '#ede9da',
  'brand-2': '#605356',
  'brand-3': '#de8e75',
  'brand-4': '#a68a82',
  'brand-5': '#a0beab',
}

RGB Array

[237, 233, 218], [96, 83, 86], [222, 142, 117], [166, 138, 130], [160, 190, 171]

FAQ FAQ

What scenarios is this 5-color palette suitable for?

This general-style palette of #EDE9DA, #605356, #DE8E75, #A68A82, #A0BEAB 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: #ede9da; --color-2: #605356; --color-3: #de8e75; --color-4: #a68a82; --color-5: #a0beab. 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