← Back to Editor

#EBE7E4 · #E7DDD3 · #C9C387 · #B3AE8E · #233213

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

#EBE7E4

Apricot · Linen · Peach Orange

HEX
#EBE7E4
RGB
rgb(235, 231, 228)
HSL
hsl(26, 15%, 91%)
HSB
hsb(26, 3%, 92%)
CMYK
cmyk(0%, 2%, 3%, 8%)
Oklch
oklch(93.0% 0.006 59.6)

Traditional「Apricot」· Paint「Peach Orange」· Creative Honey Glow

#E7DDD3

Goose Yellow · LightGray · Peach Orange

HEX
#E7DDD3
RGB
rgb(231, 221, 211)
HSL
hsl(30, 29%, 87%)
HSB
hsb(30, 9%, 91%)
CMYK
cmyk(0%, 4%, 9%, 9%)
Oklch
oklch(90.3% 0.017 67.6)

Traditional「Goose Yellow」· Paint「Peach Orange」· Creative Honey Glow

#C9C387

Fresh Green · Tan · Sunflower

HEX
#C9C387
RGB
rgb(201, 195, 135)
HSL
hsl(55, 38%, 66%)
HSB
hsb(55, 33%, 79%)
CMYK
cmyk(0%, 3%, 33%, 21%)
Oklch
oklch(80.8% 0.079 103.2)

Traditional「Fresh Green」· Paint「Sunflower」· Creative Lemon Fizz

#B3AE8E

Fresh Green · DarkGray · Sunflower

HEX
#B3AE8E
RGB
rgb(179, 174, 142)
HSL
hsl(52, 20%, 63%)
HSB
hsb(52, 21%, 70%)
CMYK
cmyk(0%, 3%, 21%, 30%)
Oklch
oklch(74.6% 0.044 100.0)

Traditional「Fresh Green」· Paint「Sunflower」· Creative Lemon Fizz

#233213

Grass Green · Black · Dark Green

HEX
#233213
RGB
rgb(35, 50, 19)
HSL
hsl(89, 45%, 14%)
HSB
hsb(89, 62%, 20%)
CMYK
cmyk(30%, 0%, 62%, 80%)
Oklch
oklch(29.5% 0.055 130.5)

Traditional「Grass Green」· Paint「Dark Green」· Creative Blush Sunrise

Color Harmonies Color Harmonies

Based on color wheel theory, calculated from primary color

Complementary

EBE7E4
E5E9EB

Analogous

EBE5E5
EBE7E4
EBEBE5

Triadic

EBE7E4
E5EBE8
E8E5EB

Split-Comp.

EBE7E4
E5EBEB
E5E5EB

Tetradic

EBE7E4
E5EBE5
E5E9EB
EBE5EB

Contrast Matrix WCAG 2.1 Contrast

EBE7E4
E7DDD3
C9C387
B3AE8E
233213
—
1.1
Fail
1.5
Fail
1.8
Fail
11.1
AAA
1.1
Fail
—
1.3
Fail
1.7
Fail
10.2
AAA
1.5
Fail
1.3
Fail
—
1.2
Fail
7.6
AAA
1.8
Fail
1.7
Fail
1.2
Fail
—
6.1
AA
11.1
AAA
10.2
AAA
7.6
AAA
6.1
AA
—
White BG
1.2Fail
1.3Fail
1.8Fail
2.2Fail
13.7AAA
Black BG
17.1AAA
15.7AAA
11.6AAA
9.4AAA
1.5Fail

Color Blindness Simulation Color Blindness Simulation

Protanopia

E9E9E5
E3E3D5
C6C696
B1B196
292A1B

Deuteranopia

EAEAE5
E3E4D6
C7C799
B1B298
29281C

Tritanopia

EBE5E5
E7D7D8
C9A1A4
B39C9D
242022

Achromatopsia

E8E8E8
DFDFDF
BEBEBE
ACACAC
2A2A2A

Shades & Tints Shades & Tints

#EBE7E4

Dark
Light

#E7DDD3

Dark
Light

#C9C387

Dark
Light

Code Snippets Code Snippets

CSS Custom Properties

:root {
  --color-1: #ebe7e4;
  --color-2: #e7ddd3;
  --color-3: #c9c387;
  --color-4: #b3ae8e;
  --color-5: #233213;
}

SCSS

$color-1: #ebe7e4;
$color-2: #e7ddd3;
$color-3: #c9c387;
$color-4: #b3ae8e;
$color-5: #233213;

TAILWIND

colors: {
  'brand-1': '#ebe7e4',
  'brand-2': '#e7ddd3',
  'brand-3': '#c9c387',
  'brand-4': '#b3ae8e',
  'brand-5': '#233213',
}

RGB Array

[235, 231, 228], [231, 221, 211], [201, 195, 135], [179, 174, 142], [35, 50, 19]

FAQ FAQ

What scenarios is this 5-color palette suitable for?

This general-style palette of #EBE7E4, #E7DDD3, #C9C387, #B3AE8E, #233213 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: #ebe7e4; --color-2: #e7ddd3; --color-3: #c9c387; --color-4: #b3ae8e; --color-5: #233213. 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