← Back to Editor

#EDDBB5 · #BEC4A2 · #715959 · #AF8788 · #C6A59E

cool

A 5-color cool 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

#EDDBB5

Goose Yellow · Wheat · Lemon Cream

HEX
#EDDBB5
RGB
rgb(237, 219, 181)
HSL
hsl(41, 61%, 82%)
HSB
hsb(41, 24%, 93%)
CMYK
cmyk(0%, 8%, 24%, 7%)
Oklch
oklch(89.6% 0.054 85.6)

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

#BEC4A2

Willow Green · Silver · Apple Green

HEX
#BEC4A2
RGB
rgb(190, 196, 162)
HSL
hsl(71, 22%, 70%)
HSB
hsb(71, 17%, 77%)
CMYK
cmyk(3%, 0%, 17%, 23%)
Oklch
oklch(80.7% 0.047 115.6)

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

#715959

Crimson · DimGray · Wine Red

HEX
#715959
RGB
rgb(113, 89, 89)
HSL
hsl(0, 12%, 40%)
HSB
hsb(0, 21%, 44%)
CMYK
cmyk(0%, 21%, 21%, 56%)
Oklch
oklch(48.8% 0.032 18.3)

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

#AF8788

Peach Pink · DarkGray · Coral Red

HEX
#AF8788
RGB
rgb(175, 135, 136)
HSL
hsl(358, 20%, 61%)
HSB
hsb(358, 23%, 69%)
CMYK
cmyk(0%, 23%, 22%, 31%)
Oklch
oklch(66.2% 0.049 16.8)

Traditional「Peach Pink」· Paint「Coral Red」· Creative Rose Petal

#C6A59E

Peach Pink · Tan · Coral Red

HEX
#C6A59E
RGB
rgb(198, 165, 158)
HSL
hsl(11, 26%, 70%)
HSB
hsb(11, 20%, 78%)
CMYK
cmyk(0%, 17%, 20%, 22%)
Oklch
oklch(74.9% 0.040 32.0)

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

Color Harmonies Color Harmonies

Based on color wheel theory, calculated from primary color

Complementary

EDDBB5
B5C7ED

Analogous

EDBFB5
EDDBB5
E3EDB5

Triadic

EDDBB5
B5EDDB
DBB5ED

Split-Comp.

EDDBB5
B5E3ED
BFB5ED

Tetradic

EDDBB5
B5EDBF
B5C7ED
EDB5E3

Contrast Matrix WCAG 2.1 Contrast

EDDBB5
BEC4A2
715959
AF8788
C6A59E
—
1.3
Fail
4.7
AA
2.3
Fail
1.7
Fail
1.3
Fail
—
3.5
AA Large
1.7
Fail
1.3
Fail
4.7
AA
3.5
AA Large
—
2.0
Fail
2.8
Fail
2.3
Fail
1.7
Fail
2.0
Fail
—
1.4
Fail
1.7
Fail
1.3
Fail
2.8
Fail
1.4
Fail
—
White BG
1.4Fail
1.8Fail
6.4AA
3.2AA Large
2.3Fail
Black BG
15.4AAA
11.6AAA
3.3AA Large
6.6AA
9.3AAA

Color Blindness Simulation Color Blindness Simulation

Protanopia

E5E5BE
C1C1AA
676659
9E9D88
B8B7A0

Deuteranopia

E6E8C0
C0C0AC
686A59
A0A388
BABCA0

Tritanopia

ECC5C7
BEB1B2
705959
AD8888
C4A1A1

Achromatopsia

DCDCDC
BEBEBE
606060
939393
AEAEAE

Shades & Tints Shades & Tints

#EDDBB5

Dark
Light

#BEC4A2

Dark
Light

#715959

Dark
Light

Code Snippets Code Snippets

CSS Custom Properties

:root {
  --color-1: #eddbb5;
  --color-2: #bec4a2;
  --color-3: #715959;
  --color-4: #af8788;
  --color-5: #c6a59e;
}

SCSS

$color-1: #eddbb5;
$color-2: #bec4a2;
$color-3: #715959;
$color-4: #af8788;
$color-5: #c6a59e;

TAILWIND

colors: {
  'brand-1': '#eddbb5',
  'brand-2': '#bec4a2',
  'brand-3': '#715959',
  'brand-4': '#af8788',
  'brand-5': '#c6a59e',
}

RGB Array

[237, 219, 181], [190, 196, 162], [113, 89, 89], [175, 135, 136], [198, 165, 158]

FAQ FAQ

What scenarios is this 5-color palette suitable for?

This cool-style palette of #EDDBB5, #BEC4A2, #715959, #AF8788, #C6A59E 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: #eddbb5; --color-2: #bec4a2; --color-3: #715959; --color-4: #af8788; --color-5: #c6a59e. 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 cool-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