← Back to Editor

#EBE7B9 · #C9CAA8 · #C2ADBE · #AE9DA5 · #755851

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

Scene Recommendations Scene Recommendations

Emotion EMOTION

AiryCleanWarm

Industry INDUSTRY

HealthcareSaaS

UI Context UI CONTEXT

WorkspaceReadingData Visualization

Color Details Color Details

#EBE7B9

Fresh Green · Wheat · Lemon Cream

HEX
#EBE7B9
RGB
rgb(235, 231, 185)
HSL
hsl(55, 56%, 82%)
HSB
hsb(55, 21%, 92%)
CMYK
cmyk(0%, 2%, 21%, 8%)
Oklch
oklch(92.0% 0.060 103.4)

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

#C9CAA8

Fresh Green · Silver · Sunflower

HEX
#C9CAA8
RGB
rgb(201, 202, 168)
HSL
hsl(62, 24%, 73%)
HSB
hsb(62, 17%, 79%)
CMYK
cmyk(0%, 0%, 17%, 21%)
Oklch
oklch(82.9% 0.046 108.7)

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

#C2ADBE

Mauve · Silver · Lilac Purple

HEX
#C2ADBE
RGB
rgb(194, 173, 190)
HSL
hsl(311, 15%, 72%)
HSB
hsb(311, 11%, 76%)
CMYK
cmyk(0%, 11%, 2%, 24%)
Oklch
oklch(77.1% 0.034 332.3)

Traditional「Mauve」· Paint「Lilac Purple」· Creative Rose Petal

#AE9DA5

Rouge · DarkGray · Silver Sand

HEX
#AE9DA5
RGB
rgb(174, 157, 165)
HSL
hsl(332, 9%, 65%)
HSB
hsb(332, 10%, 68%)
CMYK
cmyk(0%, 10%, 5%, 32%)
Oklch
oklch(71.3% 0.023 347.5)

Traditional「Rouge」· Paint「Silver Sand」· Creative Urban Concrete

#755851

Crimson · DimGray · Wine Red

HEX
#755851
RGB
rgb(117, 88, 81)
HSL
hsl(12, 18%, 39%)
HSB
hsb(12, 31%, 46%)
CMYK
cmyk(0%, 25%, 31%, 54%)
Oklch
oklch(48.8% 0.040 33.9)

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

Color Harmonies Color Harmonies

Based on color wheel theory, calculated from primary color

Complementary

EBE7B9
B7BCEB

Analogous

EBCDB7
EBE7B9
D5EBB7

Triadic

EBE7B9
B7EBE7
E7B7EB

Split-Comp.

EBE7B9
B7D5EB
CDB7EB

Tetradic

EBE7B9
B7EBCD
B7BCEB
EBB7D5

Contrast Matrix WCAG 2.1 Contrast

EBE7B9
C9CAA8
C2ADBE
AE9DA5
755851
—
1.3
Fail
1.7
Fail
2.0
Fail
5.1
AA
1.3
Fail
—
1.2
Fail
1.5
Fail
3.8
AA Large
1.7
Fail
1.2
Fail
—
1.2
Fail
3.1
AA Large
2.0
Fail
1.5
Fail
1.2
Fail
—
2.5
Fail
5.1
AA
3.8
AA Large
3.1
AA Large
2.5
Fail
—
White BG
1.3Fail
1.7Fail
2.1Fail
2.6Fail
6.4AA
Black BG
16.7AAA
12.5AAA
10.0AAA
8.2AAA
3.3AA Large

Color Blindness Simulation Color Blindness Simulation

Protanopia

E9E9C4
C9C9B0
B9B9BA
A7A6A3
686853

Deuteranopia

EAEAC7
C9C9B2
BABCB9
A8A9A3
6A6C53

Tritanopia

EBCDCF
C9B7B8
C1B7B6
ADA2A1
745454

Achromatopsia

E3E3E3
C6C6C6
B5B5B5
A3A3A3
606060

Shades & Tints Shades & Tints

#EBE7B9

Dark
Light

#C9CAA8

Dark
Light

#C2ADBE

Dark
Light

Code Snippets Code Snippets

CSS Custom Properties

:root {
  --color-1: #ebe7b9;
  --color-2: #c9caa8;
  --color-3: #c2adbe;
  --color-4: #ae9da5;
  --color-5: #755851;
}

SCSS

$color-1: #ebe7b9;
$color-2: #c9caa8;
$color-3: #c2adbe;
$color-4: #ae9da5;
$color-5: #755851;

TAILWIND

colors: {
  'brand-1': '#ebe7b9',
  'brand-2': '#c9caa8',
  'brand-3': '#c2adbe',
  'brand-4': '#ae9da5',
  'brand-5': '#755851',
}

RGB Array

[235, 231, 185], [201, 202, 168], [194, 173, 190], [174, 157, 165], [117, 88, 81]

FAQ FAQ

What scenarios is this 5-color palette suitable for?

This general-style palette of #EBE7B9, #C9CAA8, #C2ADBE, #AE9DA5, #755851 is ideal for: brand design, premium product pages, magazine layouts, health products, baby brands, fresh-style blogs, 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: #ebe7b9; --color-2: #c9caa8; --color-3: #c2adbe; --color-4: #ae9da5; --color-5: #755851. 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?

Light tones suit backgrounds; use dark colors for body text. Mid-tones work for card backgrounds or dividers to add depth. 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 beauty, lifestyle, arts 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