← Back to Editor

#A4A5A4 · #E6CBA5 · #CFC6B8 · #F8DFD8 · #B2B3B0

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

WorkspaceReading

Color Details Color Details

#A4A5A4

Ash · DarkGray · Silver Sand

HEX
#A4A5A4
RGB
rgb(164, 165, 164)
HSL
hsl(120, 1%, 65%)
HSB
hsb(120, 1%, 65%)
CMYK
cmyk(1%, 0%, 1%, 35%)
Oklch
oklch(72.1% 0.002 145.6)

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

#E6CBA5

Goose Yellow · Wheat · Peach Orange

HEX
#E6CBA5
RGB
rgb(230, 203, 165)
HSL
hsl(35, 57%, 77%)
HSB
hsb(35, 28%, 90%)
CMYK
cmyk(0%, 12%, 28%, 10%)
Oklch
oklch(85.5% 0.059 76.2)

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

#CFC6B8

Goose Yellow · Silver · Peach Orange

HEX
#CFC6B8
RGB
rgb(207, 198, 184)
HSL
hsl(37, 19%, 77%)
HSB
hsb(37, 11%, 81%)
CMYK
cmyk(0%, 4%, 11%, 19%)
Oklch
oklch(83.0% 0.022 79.1)

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

#F8DFD8

Peach Pink · Bisque · Cherry Blossom

HEX
#F8DFD8
RGB
rgb(248, 223, 216)
HSL
hsl(13, 70%, 91%)
HSB
hsb(13, 13%, 97%)
CMYK
cmyk(0%, 10%, 13%, 3%)
Oklch
oklch(92.2% 0.029 36.2)

Traditional「Peach Pink」· Paint「Cherry Blossom」· Creative Blush Sunrise

#B2B3B0

Ash · DarkGray · Silver Sand

HEX
#B2B3B0
RGB
rgb(178, 179, 176)
HSL
hsl(80, 2%, 70%)
HSB
hsb(80, 2%, 70%)
CMYK
cmyk(1%, 0%, 2%, 30%)
Oklch
oklch(76.5% 0.004 121.6)

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

Color Harmonies Color Harmonies

Based on color wheel theory, calculated from primary color

Complementary

A4A5A4
A7A5A7

Analogous

A6A7A5
A4A5A4
A5A7A6

Triadic

A4A5A4
A5A5A7
A7A5A5

Split-Comp.

A4A5A4
A6A5A7
A7A5A6

Tetradic

A4A5A4
A5A6A7
A7A5A7
A7A6A5

Contrast Matrix WCAG 2.1 Contrast

A4A5A4
E6CBA5
CFC6B8
F8DFD8
B2B3B0
—
1.6
Fail
1.5
Fail
1.9
Fail
1.2
Fail
1.6
Fail
—
1.1
Fail
1.2
Fail
1.3
Fail
1.5
Fail
1.1
Fail
—
1.3
Fail
1.2
Fail
1.9
Fail
1.2
Fail
1.3
Fail
—
1.7
Fail
1.2
Fail
1.3
Fail
1.2
Fail
1.7
Fail
—
White BG
2.5Fail
1.6Fail
1.7Fail
1.3Fail
2.1Fail
Black BG
8.5AAA
13.5AAA
12.4AAA
16.5AAA
10.0AAA

Color Blindness Simulation Color Blindness Simulation

Protanopia

A4A4A4
DADAAE
CBCBBB
EDEDDA
B2B2B1

Deuteranopia

A4A4A4
DCDEB0
CCCCBC
EFF1DA
B2B2B1

Tritanopia

A4A4A4
E5B5B7
CFBEBF
F7DBDB
B2B1B1

Achromatopsia

A5A5A5
CFCFCF
C7C7C7
E6E6E6
B2B2B2

Shades & Tints Shades & Tints

#A4A5A4

Dark
Light

#E6CBA5

Dark
Light

#CFC6B8

Dark
Light

Code Snippets Code Snippets

CSS Custom Properties

:root {
  --color-1: #a4a5a4;
  --color-2: #e6cba5;
  --color-3: #cfc6b8;
  --color-4: #f8dfd8;
  --color-5: #b2b3b0;
}

SCSS

$color-1: #a4a5a4;
$color-2: #e6cba5;
$color-3: #cfc6b8;
$color-4: #f8dfd8;
$color-5: #b2b3b0;

TAILWIND

colors: {
  'brand-1': '#a4a5a4',
  'brand-2': '#e6cba5',
  'brand-3': '#cfc6b8',
  'brand-4': '#f8dfd8',
  'brand-5': '#b2b3b0',
}

RGB Array

[164, 165, 164], [230, 203, 165], [207, 198, 184], [248, 223, 216], [178, 179, 176]

FAQ FAQ

What scenarios is this 5-color palette suitable for?

This general-style palette of #A4A5A4, #E6CBA5, #CFC6B8, #F8DFD8, #B2B3B0 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: #a4a5a4; --color-2: #e6cba5; --color-3: #cfc6b8; --color-4: #f8dfd8; --color-5: #b2b3b0. 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