← Back to Editor

#E9CC95 · #B0BE9C · #75B0A2 · #5E737A · #453551

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

#E9CC95

Goose Yellow · BurlyWood · Warm Sun

HEX
#E9CC95
RGB
rgb(233, 204, 149)
HSL
hsl(39, 66%, 75%)
HSB
hsb(39, 36%, 91%)
CMYK
cmyk(0%, 12%, 36%, 9%)
Oklch
oklch(85.7% 0.078 83.1)

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

#B0BE9C

Willow Green · DarkGray · Apple Green

HEX
#B0BE9C
RGB
rgb(176, 190, 156)
HSL
hsl(85, 21%, 68%)
HSB
hsb(85, 18%, 75%)
CMYK
cmyk(7%, 0%, 18%, 25%)
Oklch
oklch(78.2% 0.049 125.7)

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

#75B0A2

Mineral Blue · CadetBlue · Lake Green

HEX
#75B0A2
RGB
rgb(117, 176, 162)
HSL
hsl(166, 27%, 57%)
HSB
hsb(166, 34%, 69%)
CMYK
cmyk(34%, 0%, 8%, 31%)
Oklch
oklch(71.3% 0.065 177.8)

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

#5E737A

Slate Blue · DimGray · Mint Ice

HEX
#5E737A
RGB
rgb(94, 115, 122)
HSL
hsl(195, 13%, 42%)
HSB
hsb(195, 23%, 48%)
CMYK
cmyk(23%, 6%, 0%, 52%)
Oklch
oklch(54.1% 0.027 220.0)

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

#453551

Dark Plum · DarkSlateGray · Eggplant

HEX
#453551
RGB
rgb(69, 53, 81)
HSL
hsl(274, 21%, 26%)
HSB
hsb(274, 35%, 32%)
CMYK
cmyk(15%, 35%, 0%, 68%)
Oklch
oklch(35.8% 0.051 310.0)

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

Color Harmonies Color Harmonies

Based on color wheel theory, calculated from primary color

Complementary

E9CC95
95B3E9

Analogous

E9A295
E9CC95
DDE995

Triadic

E9CC95
95E9CC
CC95E9

Split-Comp.

E9CC95
95DDE9
A295E9

Tetradic

E9CC95
95E9A2
95B3E9
E995DD

Contrast Matrix WCAG 2.1 Contrast

E9CC95
B0BE9C
75B0A2
5E737A
453551
—
1.3
Fail
1.6
Fail
3.2
AA Large
7.2
AAA
1.3
Fail
—
1.3
Fail
2.5
Fail
5.7
AA
1.6
Fail
1.3
Fail
—
2.0
Fail
4.5
AA
3.2
AA Large
2.5
Fail
2.0
Fail
—
2.2
Fail
7.2
AAA
5.7
AA
4.5
AA
2.2
Fail
—
White BG
1.6Fail
2.0Fail
2.5Fail
5.0AA
11.2AAA
Black BG
13.5AAA
10.7AAA
8.5AAA
4.2AA Large
1.9Fail

Color Blindness Simulation Color Blindness Simulation

Protanopia

DCDCA2
B6B6A4
8F8FA5
676778
3E3E4A

Deuteranopia

DEE0A6
B5B4A6
8B87A6
666478
3F4049

Tritanopia

E8ADAF
B1ABAC
78A8A9
5F7777
444544

Achromatopsia

CECECE
B6B6B6
9D9D9D
6E6E6E
3D3D3D

Shades & Tints Shades & Tints

#E9CC95

Dark
Light

#B0BE9C

Dark
Light

#75B0A2

Dark
Light

Code Snippets Code Snippets

CSS Custom Properties

:root {
  --color-1: #e9cc95;
  --color-2: #b0be9c;
  --color-3: #75b0a2;
  --color-4: #5e737a;
  --color-5: #453551;
}

SCSS

$color-1: #e9cc95;
$color-2: #b0be9c;
$color-3: #75b0a2;
$color-4: #5e737a;
$color-5: #453551;

TAILWIND

colors: {
  'brand-1': '#e9cc95',
  'brand-2': '#b0be9c',
  'brand-3': '#75b0a2',
  'brand-4': '#5e737a',
  'brand-5': '#453551',
}

RGB Array

[233, 204, 149], [176, 190, 156], [117, 176, 162], [94, 115, 122], [69, 53, 81]

FAQ FAQ

What scenarios is this 5-color palette suitable for?

This general-style palette of #E9CC95, #B0BE9C, #75B0A2, #5E737A, #453551 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: #e9cc95; --color-2: #b0be9c; --color-3: #75b0a2; --color-4: #5e737a; --color-5: #453551. 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