← Back to Editor

#EDE0BE · #E9C48F · #AA9D66 · #6A7765 · #596F6C

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

#EDE0BE

Goose Yellow · Wheat · Lemon Cream

HEX
#EDE0BE
RGB
rgb(237, 224, 190)
HSL
hsl(43, 57%, 84%)
HSB
hsb(43, 20%, 93%)
CMYK
cmyk(0%, 5%, 20%, 7%)
Oklch
oklch(90.8% 0.047 89.6)

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

#E9C48F

Goose Yellow · BurlyWood · Warm Sun

HEX
#E9C48F
RGB
rgb(233, 196, 143)
HSL
hsl(35, 67%, 74%)
HSB
hsb(35, 39%, 91%)
CMYK
cmyk(0%, 16%, 39%, 9%)
Oklch
oklch(84.0% 0.081 76.2)

Traditional「Goose Yellow」· Paint「Warm Sun」· Creative Honey Glow

#AA9D66

Ginger · Gray · Sunflower

HEX
#AA9D66
RGB
rgb(170, 157, 102)
HSL
hsl(49, 29%, 53%)
HSB
hsb(49, 40%, 67%)
CMYK
cmyk(0%, 8%, 40%, 33%)
Oklch
oklch(69.4% 0.075 96.5)

Traditional「Ginger」· Paint「Sunflower」· Creative Blush Sunrise

#6A7765

Celadon · DimGray · Warm Gray

HEX
#6A7765
RGB
rgb(106, 119, 101)
HSL
hsl(103, 8%, 43%)
HSB
hsb(103, 15%, 47%)
CMYK
cmyk(11%, 0%, 15%, 53%)
Oklch
oklch(55.3% 0.031 137.0)

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

#596F6C

Mineral Blue · DimGray · Mint Ice

HEX
#596F6C
RGB
rgb(89, 111, 108)
HSL
hsl(172, 11%, 39%)
HSB
hsb(172, 20%, 44%)
CMYK
cmyk(20%, 0%, 3%, 56%)
Oklch
oklch(52.3% 0.026 186.2)

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

Color Harmonies Color Harmonies

Based on color wheel theory, calculated from primary color

Complementary

EDE0BE
BFCCED

Analogous

EDC9BF
EDE0BE
E3EDBF

Triadic

EDE0BE
BFEDE0
E0BFED

Split-Comp.

EDE0BE
BFE3ED
C9BFED

Tetradic

EDE0BE
BFEDC9
BFCCED
EDBFE3

Contrast Matrix WCAG 2.1 Contrast

EDE0BE
E9C48F
AA9D66
6A7765
596F6C
—
1.3
Fail
2.1
Fail
3.6
AA Large
4.1
AA Large
1.3
Fail
—
1.7
Fail
2.9
Fail
3.3
AA Large
2.1
Fail
1.7
Fail
—
1.7
Fail
2.0
Fail
3.6
AA Large
2.9
Fail
1.7
Fail
—
1.1
Fail
4.1
AA Large
3.3
AA Large
2.0
Fail
1.1
Fail
—
White BG
1.3Fail
1.6Fail
2.7Fail
4.7AA
5.4AA
Black BG
16.0AAA
12.8AAA
7.7AAA
4.4AA Large
3.9AA Large

Color Blindness Simulation Color Blindness Simulation

Protanopia

E7E7C6
D9D99C
A4A473
707069
63636D

Deuteranopia

E8E9C8
DBDE9F
A5A677
6F6E6A
61606D

Tritanopia

ECCDCE
E7A6A8
A97E80
6B6D6E
5A6D6D

Achromatopsia

E0E0E0
C9C9C9
9B9B9B
717171
686868

Shades & Tints Shades & Tints

#EDE0BE

Dark
Light

#E9C48F

Dark
Light

#AA9D66

Dark
Light

Code Snippets Code Snippets

CSS Custom Properties

:root {
  --color-1: #ede0be;
  --color-2: #e9c48f;
  --color-3: #aa9d66;
  --color-4: #6a7765;
  --color-5: #596f6c;
}

SCSS

$color-1: #ede0be;
$color-2: #e9c48f;
$color-3: #aa9d66;
$color-4: #6a7765;
$color-5: #596f6c;

TAILWIND

colors: {
  'brand-1': '#ede0be',
  'brand-2': '#e9c48f',
  'brand-3': '#aa9d66',
  'brand-4': '#6a7765',
  'brand-5': '#596f6c',
}

RGB Array

[237, 224, 190], [233, 196, 143], [170, 157, 102], [106, 119, 101], [89, 111, 108]

FAQ FAQ

What scenarios is this 5-color palette suitable for?

This general-style palette of #EDE0BE, #E9C48F, #AA9D66, #6A7765, #596F6C 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: #ede0be; --color-2: #e9c48f; --color-3: #aa9d66; --color-4: #6a7765; --color-5: #596f6c. 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