← Back to Editor

#CAC0BF · #D0CDC8 · #989489 · #985B7C · #B5A6AB

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

#CAC0BF

Peach Pink · Silver · Pearl Gray

HEX
#CAC0BF
RGB
rgb(202, 192, 191)
HSL
hsl(5, 9%, 77%)
HSB
hsb(5, 5%, 79%)
CMYK
cmyk(0%, 5%, 5%, 21%)
Oklch
oklch(81.6% 0.011 24.3)

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

#D0CDC8

Goose Yellow · LightGray · Pearl Gray

HEX
#D0CDC8
RGB
rgb(208, 205, 200)
HSL
hsl(38, 8%, 80%)
HSB
hsb(38, 4%, 82%)
CMYK
cmyk(0%, 1%, 4%, 18%)
Oklch
oklch(84.9% 0.008 80.7)

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

#989489

Ash · Gray · Silver Sand

HEX
#989489
RGB
rgb(152, 148, 137)
HSL
hsl(44, 7%, 57%)
HSB
hsb(44, 10%, 60%)
CMYK
cmyk(0%, 3%, 10%, 40%)
Oklch
oklch(66.7% 0.017 90.3)

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

#985B7C

Rose Purple · Gray · Camellia

HEX
#985B7C
RGB
rgb(152, 91, 124)
HSL
hsl(328, 25%, 48%)
HSB
hsb(328, 40%, 60%)
CMYK
cmyk(0%, 40%, 18%, 40%)
Oklch
oklch(55.0% 0.091 346.9)

Traditional「Rose Purple」· Paint「Camellia」· Creative Blush Sunrise

#B5A6AB

Rouge · DarkGray · Silver Sand

HEX
#B5A6AB
RGB
rgb(181, 166, 171)
HSL
hsl(340, 9%, 68%)
HSB
hsb(340, 8%, 71%)
CMYK
cmyk(0%, 8%, 6%, 29%)
Oklch
oklch(73.9% 0.019 355.3)

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

Color Harmonies Color Harmonies

Based on color wheel theory, calculated from primary color

Complementary

CAC0BF
BFC9CA

Analogous

CABFC3
CAC0BF
CAC5BF

Triadic

CAC0BF
BFCAC0
C0BFCA

Split-Comp.

CAC0BF
BFCAC5
BFC3CA

Tetradic

CAC0BF
C3CABF
BFC9CA
C5BFCA

Contrast Matrix WCAG 2.1 Contrast

CAC0BF
D0CDC8
989489
985B7C
B5A6AB
—
1.1
Fail
1.7
Fail
2.9
Fail
1.3
Fail
1.1
Fail
—
1.9
Fail
3.2
AA Large
1.5
Fail
1.7
Fail
1.9
Fail
—
1.7
Fail
1.3
Fail
2.9
Fail
3.2
AA Large
1.7
Fail
—
2.2
Fail
1.3
Fail
1.5
Fail
1.3
Fail
2.2
Fail
—
White BG
1.8Fail
1.6Fail
3.0AA Large
5.1AA
2.3Fail
Black BG
11.8AAA
13.2AAA
6.9AA
4.1AA Large
9.0AAA

Color Blindness Simulation Color Blindness Simulation

Protanopia

C6C6BF
CFCFC9
96968C
7E7D74
AFAEAA

Deuteranopia

C6C7BF
CFCFCA
97978C
818672
AFB1AA

Tritanopia

C9BFBF
D0CACA
988E8E
956E6C
B4A9A9

Achromatopsia

C3C3C3
CDCDCD
949494
717171
ABABAB

Shades & Tints Shades & Tints

#CAC0BF

Dark
Light

#D0CDC8

Dark
Light

#989489

Dark
Light

Code Snippets Code Snippets

CSS Custom Properties

:root {
  --color-1: #cac0bf;
  --color-2: #d0cdc8;
  --color-3: #989489;
  --color-4: #985b7c;
  --color-5: #b5a6ab;
}

SCSS

$color-1: #cac0bf;
$color-2: #d0cdc8;
$color-3: #989489;
$color-4: #985b7c;
$color-5: #b5a6ab;

TAILWIND

colors: {
  'brand-1': '#cac0bf',
  'brand-2': '#d0cdc8',
  'brand-3': '#989489',
  'brand-4': '#985b7c',
  'brand-5': '#b5a6ab',
}

RGB Array

[202, 192, 191], [208, 205, 200], [152, 148, 137], [152, 91, 124], [181, 166, 171]

FAQ FAQ

What scenarios is this 5-color palette suitable for?

This minimal-style palette of #CAC0BF, #D0CDC8, #989489, #985B7C, #B5A6AB 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: #cac0bf; --color-2: #d0cdc8; --color-3: #989489; --color-4: #985b7c; --color-5: #b5a6ab. 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