← Back to Editor

#EAEDE7 · #BCDED8 · #A9C6BB · #C5B578 · #B47466

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

#EAEDE7

Celadon · Linen · Mint Green

HEX
#EAEDE7
RGB
rgb(234, 237, 231)
HSL
hsl(90, 14%, 92%)
HSB
hsb(90, 3%, 93%)
CMYK
cmyk(1%, 0%, 3%, 7%)
Oklch
oklch(94.2% 0.009 128.6)

Traditional「Celadon」· Paint「Mint Green」· Creative Mint Breeze

#BCDED8

Jade · LightBlue · Glacier Blue

HEX
#BCDED8
RGB
rgb(188, 222, 216)
HSL
hsl(169, 34%, 80%)
HSB
hsb(169, 15%, 87%)
CMYK
cmyk(15%, 0%, 3%, 13%)
Oklch
oklch(87.4% 0.037 183.6)

Traditional「Jade」· Paint「Glacier Blue」· Creative Arctic Pool

#A9C6BB

Jade · Silver · Apple Green

HEX
#A9C6BB
RGB
rgb(169, 198, 187)
HSL
hsl(157, 20%, 72%)
HSB
hsb(157, 15%, 78%)
CMYK
cmyk(15%, 0%, 6%, 22%)
Oklch
oklch(80.2% 0.035 170.5)

Traditional「Jade」· Paint「Apple Green」· Creative Arctic Pool

#C5B578

Ginger · Tan · Sunflower

HEX
#C5B578
RGB
rgb(197, 181, 120)
HSL
hsl(48, 40%, 62%)
HSB
hsb(48, 39%, 77%)
CMYK
cmyk(0%, 8%, 39%, 23%)
Oklch
oklch(77.2% 0.082 95.2)

Traditional「Ginger」· Paint「Sunflower」· Creative Lemon Fizz

#B47466

Crimson · Gray · Passion Red

HEX
#B47466
RGB
rgb(180, 116, 102)
HSL
hsl(11, 34%, 55%)
HSB
hsb(11, 43%, 71%)
CMYK
cmyk(0%, 36%, 43%, 29%)
Oklch
oklch(62.3% 0.084 33.0)

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

Color Harmonies Color Harmonies

Based on color wheel theory, calculated from primary color

Complementary

EAEDE7
EBE8ED

Analogous

EDEDE8
EAEDE7
E8EDE8

Triadic

EAEDE7
E8EBED
EDE8EB

Split-Comp.

EAEDE7
E8E8ED
EDE8ED

Tetradic

EAEDE7
E8EDED
EBE8ED
EDE8E8

Contrast Matrix WCAG 2.1 Contrast

EAEDE7
BCDED8
A9C6BB
C5B578
B47466
—
1.2
Fail
1.5
Fail
1.7
Fail
3.2
AA Large
1.2
Fail
—
1.3
Fail
1.4
Fail
2.6
Fail
1.5
Fail
1.3
Fail
—
1.1
Fail
2.0
Fail
1.7
Fail
1.4
Fail
1.1
Fail
—
1.8
Fail
3.2
AA Large
2.6
Fail
2.0
Fail
1.8
Fail
—
White BG
1.2Fail
1.4Fail
1.8Fail
2.0Fail
3.7AA Large
Black BG
17.8AAA
14.6AAA
11.5AAA
10.3AAA
5.6AA

Color Blindness Simulation Color Blindness Simulation

Protanopia

EBEBE8
CBCBD9
B6B6BE
BEBE87
989869

Deuteranopia

EBEBE9
C9C6DA
B4B2BE
BFC08A
9CA16A

Tritanopia

EAEAEA
BEDBDB
AAC0C0
C49295
B16C6D

Achromatopsia

EBEBEB
D3D3D3
BCBCBC
B3B3B3
868686

Shades & Tints Shades & Tints

#EAEDE7

Dark
Light

#BCDED8

Dark
Light

#A9C6BB

Dark
Light

Code Snippets Code Snippets

CSS Custom Properties

:root {
  --color-1: #eaede7;
  --color-2: #bcded8;
  --color-3: #a9c6bb;
  --color-4: #c5b578;
  --color-5: #b47466;
}

SCSS

$color-1: #eaede7;
$color-2: #bcded8;
$color-3: #a9c6bb;
$color-4: #c5b578;
$color-5: #b47466;

TAILWIND

colors: {
  'brand-1': '#eaede7',
  'brand-2': '#bcded8',
  'brand-3': '#a9c6bb',
  'brand-4': '#c5b578',
  'brand-5': '#b47466',
}

RGB Array

[234, 237, 231], [188, 222, 216], [169, 198, 187], [197, 181, 120], [180, 116, 102]

FAQ FAQ

What scenarios is this 5-color palette suitable for?

This general-style palette of #EAEDE7, #BCDED8, #A9C6BB, #C5B578, #B47466 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: #eaede7; --color-2: #bcded8; --color-3: #a9c6bb; --color-4: #c5b578; --color-5: #b47466. 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