← Back to Editor

#D0CFCD · #9D9690 · #73645D · #D4CBBC · #E4B8B7

minimal

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

Scene Recommendations Scene Recommendations

Emotion EMOTION

RestrainedProfessionalPureWarm

Industry INDUSTRY

ArchitectureManufacturingSaaS B2B

UI Context UI CONTEXT

Corporate SitePortfolioAdmin Panel

Color Details Color Details

#D0CFCD

Silver Gray · LightGray · Pearl Gray

HEX
#D0CFCD
RGB
rgb(208, 207, 205)
HSL
hsl(40, 3%, 81%)
HSB
hsb(40, 1%, 82%)
CMYK
cmyk(0%, 0%, 1%, 18%)
Oklch
oklch(85.5% 0.003 84.6)

Traditional「Silver Gray」· Paint「Pearl Gray」· Creative Silver Lining

#9D9690

Ash · DarkGray · Silver Sand

HEX
#9D9690
RGB
rgb(157, 150, 144)
HSL
hsl(28, 6%, 59%)
HSB
hsb(28, 8%, 62%)
CMYK
cmyk(0%, 4%, 8%, 38%)
Oklch
oklch(67.7% 0.012 63.3)

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

#73645D

Tangerine · DimGray · Amber Brown

HEX
#73645D
RGB
rgb(115, 100, 93)
HSL
hsl(19, 11%, 41%)
HSB
hsb(19, 19%, 45%)
CMYK
cmyk(0%, 13%, 19%, 55%)
Oklch
oklch(51.5% 0.022 46.6)

Traditional「Tangerine」· Paint「Amber Brown」· Creative Blush Sunrise

#D4CBBC

Goose Yellow · Silver · Peach Orange

HEX
#D4CBBC
RGB
rgb(212, 203, 188)
HSL
hsl(37, 22%, 78%)
HSB
hsb(37, 11%, 83%)
CMYK
cmyk(0%, 4%, 11%, 17%)
Oklch
oklch(84.5% 0.023 80.7)

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

#E4B8B7

Peach Pink · LightPink · Cherry Blossom

HEX
#E4B8B7
RGB
rgb(228, 184, 183)
HSL
hsl(1, 45%, 81%)
HSB
hsb(1, 20%, 89%)
CMYK
cmyk(0%, 19%, 20%, 11%)
Oklch
oklch(82.1% 0.051 19.8)

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

Color Harmonies Color Harmonies

Based on color wheel theory, calculated from primary color

Complementary

D0CFCD
CDCED0

Analogous

D0CECD
D0CFCD
D0D0CD

Triadic

D0CFCD
CDD0CF
CFCDD0

Split-Comp.

D0CFCD
CDD0D0
CECDD0

Tetradic

D0CFCD
CDD0CE
CDCED0
D0CDD0

Contrast Matrix WCAG 2.1 Contrast

D0CFCD
9D9690
73645D
D4CBBC
E4B8B7
—
1.9
Fail
3.6
AA Large
1.0
Fail
1.1
Fail
1.9
Fail
—
1.9
Fail
1.8
Fail
1.6
Fail
3.6
AA Large
1.9
Fail
—
3.5
AA Large
3.2
AA Large
1.0
Fail
1.8
Fail
3.5
AA Large
—
1.1
Fail
1.1
Fail
1.6
Fail
3.2
AA Large
1.1
Fail
—
White BG
1.6Fail
2.9Fail
5.7AA
1.6Fail
1.8Fail
Black BG
13.5AAA
7.2AAA
3.7AA Large
13.1AAA
11.8AAA

Color Blindness Simulation Color Blindness Simulation

Protanopia

D0D0CD
9A9A91
6D6C5F
D0D0C0
D1D1B7

Deuteranopia

D0D0CE
9A9B92
6D6F5F
D1D1C1
D4D7B7

Tritanopia

D0CECE
9D9393
726060
D4C2C3
E2B7B7

Achromatopsia

CFCFCF
979797
686868
CCCCCC
C5C5C5

Shades & Tints Shades & Tints

#D0CFCD

Dark
Light

#9D9690

Dark
Light

#73645D

Dark
Light

Code Snippets Code Snippets

CSS Custom Properties

:root {
  --color-1: #d0cfcd;
  --color-2: #9d9690;
  --color-3: #73645d;
  --color-4: #d4cbbc;
  --color-5: #e4b8b7;
}

SCSS

$color-1: #d0cfcd;
$color-2: #9d9690;
$color-3: #73645d;
$color-4: #d4cbbc;
$color-5: #e4b8b7;

TAILWIND

colors: {
  'brand-1': '#d0cfcd',
  'brand-2': '#9d9690',
  'brand-3': '#73645d',
  'brand-4': '#d4cbbc',
  'brand-5': '#e4b8b7',
}

RGB Array

[208, 207, 205], [157, 150, 144], [115, 100, 93], [212, 203, 188], [228, 184, 183]

FAQ FAQ

What scenarios is this 5-color palette suitable for?

This minimal-style palette of #D0CFCD, #9D9690, #73645D, #D4CBBC, #E4B8B7 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: #d0cfcd; --color-2: #9d9690; --color-3: #73645d; --color-4: #d4cbbc; --color-5: #e4b8b7. 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 minimal-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