← Back to Editor

#D5C7B7 · #D8BDB7 · #D0ACBD · #A6AEBF · #7CAFC0

minimal

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

Scene Recommendations Scene Recommendations

Emotion EMOTION

RestrainedProfessionalPureWarmCool

Industry INDUSTRY

ArchitectureManufacturingSaaS B2B

UI Context UI CONTEXT

Corporate SitePortfolioAdmin Panel

Color Details Color Details

#D5C7B7

Goose Yellow · Silver · Peach Orange

HEX
#D5C7B7
RGB
rgb(213, 199, 183)
HSL
hsl(32, 26%, 78%)
HSB
hsb(32, 14%, 84%)
CMYK
cmyk(0%, 7%, 14%, 16%)
Oklch
oklch(83.7% 0.027 71.1)

TraditionalGoose Yellow」· PaintPeach Orange」· Creative Honey Glow

#D8BDB7

Peach Pink · Silver · Coral Red

HEX
#D8BDB7
RGB
rgb(216, 189, 183)
HSL
hsl(11, 30%, 78%)
HSB
hsb(11, 15%, 85%)
CMYK
cmyk(0%, 12%, 15%, 15%)
Oklch
oklch(82.0% 0.032 32.6)

TraditionalPeach Pink」· PaintCoral Red」· Creative Blush Sunrise

#D0ACBD

Rouge · Silver · Rose Pink

HEX
#D0ACBD
RGB
rgb(208, 172, 189)
HSL
hsl(332, 28%, 75%)
HSB
hsb(332, 17%, 82%)
CMYK
cmyk(0%, 17%, 9%, 18%)
Oklch
oklch(78.1% 0.047 348.2)

TraditionalRouge」· PaintRose Pink」· Creative Rose Petal

#A6AEBF

Azure · DarkGray · Cobalt Blue

HEX
#A6AEBF
RGB
rgb(166, 174, 191)
HSL
hsl(221, 16%, 70%)
HSB
hsb(221, 13%, 75%)
CMYK
cmyk(13%, 9%, 0%, 25%)
Oklch
oklch(75.0% 0.026 265.5)

TraditionalAzure」· PaintCobalt Blue」· Creative Twilight Haze

#7CAFC0

Sky Blue · MediumAquaMarine · Lake Green

HEX
#7CAFC0
RGB
rgb(124, 175, 192)
HSL
hsl(195, 35%, 62%)
HSB
hsb(195, 35%, 75%)
CMYK
cmyk(35%, 9%, 0%, 25%)
Oklch
oklch(72.4% 0.059 220.6)

TraditionalSky Blue」· PaintLake Green」· Creative Arctic Pool

Color Harmonies Color Harmonies

Based on color wheel theory, calculated from primary color

Complementary

D5C7B7
B8C6D5

Analogous

D5B9B8
D5C7B7
D5D5B8

Triadic

D5C7B7
B8D5C8
C8B8D5

Split-Comp.

D5C7B7
B8D5D5
B9B8D5

Tetradic

D5C7B7
B8D5B9
B8C6D5
D5B8D5

Contrast Matrix WCAG 2.1 Contrast

D5C7B7
D8BDB7
D0ACBD
A6AEBF
7CAFC0
1.1
Fail
1.2
Fail
1.3
Fail
1.4
Fail
1.1
Fail
1.2
Fail
1.3
Fail
1.4
Fail
1.2
Fail
1.2
Fail
1.1
Fail
1.2
Fail
1.3
Fail
1.3
Fail
1.1
Fail
1.1
Fail
1.4
Fail
1.4
Fail
1.2
Fail
1.1
Fail
White BG
1.7Fail
1.8Fail
2.0Fail
2.2Fail
2.4Fail
Black BG
12.7AAA
11.9AAA
10.3AAA
9.4AAA
8.8AAA

Color Blindness Simulation Color Blindness Simulation

Protanopia

CFCFBB
CCCCB8
C0C0B9
A9AABB
9293BC

Deuteranopia

D0D1BC
CED0B9
C3C5B8
A9A8BA
8F8BBB

Tritanopia

D4BEBF
D7BABA
CEB6B5
A6B8B7
7FB9B8

Achromatopsia

C9C9C9
C4C4C4
B9B9B9
AEAEAE
A2A2A2

Shades & Tints Shades & Tints

#D5C7B7

Dark
Light

#D8BDB7

Dark
Light

#D0ACBD

Dark
Light

Code Snippets Code Snippets

CSS Custom Properties

:root {
  --color-1: #d5c7b7;
  --color-2: #d8bdb7;
  --color-3: #d0acbd;
  --color-4: #a6aebf;
  --color-5: #7cafc0;
}

SCSS

$color-1: #d5c7b7;
$color-2: #d8bdb7;
$color-3: #d0acbd;
$color-4: #a6aebf;
$color-5: #7cafc0;

TAILWIND

colors: {
  'brand-1': '#d5c7b7',
  'brand-2': '#d8bdb7',
  'brand-3': '#d0acbd',
  'brand-4': '#a6aebf',
  'brand-5': '#7cafc0',
}

RGB Array

[213, 199, 183], [216, 189, 183], [208, 172, 189], [166, 174, 191], [124, 175, 192]

FAQ FAQ

What scenarios is this 5-color palette suitable for?

This minimal-style palette of #D5C7B7, #D8BDB7, #D0ACBD, #A6AEBF, #7CAFC0 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: #d5c7b7; --color-2: #d8bdb7; --color-3: #d0acbd; --color-4: #a6aebf; --color-5: #7cafc0. 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