← Back to Editor

#EBD2B0 · #CFBDA5 · #B0B09B · #8F9E8D · #A5AEB0

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

Scene Recommendations Scene Recommendations

Emotion EMOTION

AiryCleanWarmCool

Industry INDUSTRY

HealthcareSaaS

UI Context UI CONTEXT

WorkspaceReading

Color Details Color Details

#EBD2B0

Goose Yellow · Wheat · Peach Orange

HEX
#EBD2B0
RGB
rgb(235, 210, 176)
HSL
hsl(35, 60%, 81%)
HSB
hsb(35, 25%, 92%)
CMYK
cmyk(0%, 11%, 25%, 8%)
Oklch
oklch(87.6% 0.053 75.4)

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

#CFBDA5

Goose Yellow · Tan · Warm Sun

HEX
#CFBDA5
RGB
rgb(207, 189, 165)
HSL
hsl(34, 30%, 73%)
HSB
hsb(34, 20%, 81%)
CMYK
cmyk(0%, 9%, 20%, 19%)
Oklch
oklch(80.7% 0.039 75.1)

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

#B0B09B

Fresh Green · DarkGray · Sunflower

HEX
#B0B09B
RGB
rgb(176, 176, 155)
HSL
hsl(60, 12%, 65%)
HSB
hsb(60, 12%, 69%)
CMYK
cmyk(0%, 0%, 12%, 31%)
Oklch
oklch(75.1% 0.029 107.1)

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

#8F9E8D

Celadon · DarkSeaGreen · Silver Sand

HEX
#8F9E8D
RGB
rgb(143, 158, 141)
HSL
hsl(113, 8%, 59%)
HSB
hsb(113, 11%, 62%)
CMYK
cmyk(9%, 0%, 11%, 38%)
Oklch
oklch(68.2% 0.030 141.9)

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

#A5AEB0

Ash · DarkGray · Silver Sand

HEX
#A5AEB0
RGB
rgb(165, 174, 176)
HSL
hsl(191, 7%, 67%)
HSB
hsb(191, 6%, 69%)
CMYK
cmyk(6%, 1%, 0%, 31%)
Oklch
oklch(74.4% 0.011 212.5)

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

Color Harmonies Color Harmonies

Based on color wheel theory, calculated from primary color

Complementary

EBD2B0
B1CAEC

Analogous

ECB6B1
EBD2B0
E7ECB1

Triadic

EBD2B0
B1ECD3
D3B1EC

Split-Comp.

EBD2B0
B1E7EC
B6B1EC

Tetradic

EBD2B0
B1ECB6
B1CAEC
ECB1E7

Contrast Matrix WCAG 2.1 Contrast

EBD2B0
CFBDA5
B0B09B
8F9E8D
A5AEB0
—
1.3
Fail
1.5
Fail
1.9
Fail
1.5
Fail
1.3
Fail
—
1.2
Fail
1.5
Fail
1.2
Fail
1.5
Fail
1.2
Fail
—
1.3
Fail
1.0
Fail
1.9
Fail
1.5
Fail
1.3
Fail
—
1.2
Fail
1.5
Fail
1.2
Fail
1.0
Fail
1.2
Fail
—
White BG
1.5Fail
1.8Fail
2.2Fail
2.8Fail
2.3Fail
Black BG
14.4AAA
11.5AAA
9.5AAA
7.4AAA
9.3AAA

Color Blindness Simulation Color Blindness Simulation

Protanopia

E0E0B8
C7C7AB
B0B0A0
959691
A9A9B0

Deuteranopia

E2E4BA
C8CAAC
B0B0A1
959492
A8A8AF

Tritanopia

EABFC0
CEAFB0
B0A4A5
909495
A5AFAF

Achromatopsia

D6D6D6
C0C0C0
AEAEAE
989898
ACACAC

Shades & Tints Shades & Tints

#EBD2B0

Dark
Light

#CFBDA5

Dark
Light

#B0B09B

Dark
Light

Code Snippets Code Snippets

CSS Custom Properties

:root {
  --color-1: #ebd2b0;
  --color-2: #cfbda5;
  --color-3: #b0b09b;
  --color-4: #8f9e8d;
  --color-5: #a5aeb0;
}

SCSS

$color-1: #ebd2b0;
$color-2: #cfbda5;
$color-3: #b0b09b;
$color-4: #8f9e8d;
$color-5: #a5aeb0;

TAILWIND

colors: {
  'brand-1': '#ebd2b0',
  'brand-2': '#cfbda5',
  'brand-3': '#b0b09b',
  'brand-4': '#8f9e8d',
  'brand-5': '#a5aeb0',
}

RGB Array

[235, 210, 176], [207, 189, 165], [176, 176, 155], [143, 158, 141], [165, 174, 176]

FAQ FAQ

What scenarios is this 5-color palette suitable for?

This general-style palette of #EBD2B0, #CFBDA5, #B0B09B, #8F9E8D, #A5AEB0 is ideal for: brand design, premium product pages, magazine layouts, health products, baby brands, fresh-style blogs. Low-saturation colors convey a sophisticated, premium feel. 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: #ebd2b0; --color-2: #cfbda5; --color-3: #b0b09b; --color-4: #8f9e8d; --color-5: #a5aeb0. 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. 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