← Back to Editor

#DDDCAD · #B6D3D1 · #BDA3B9 · #BB729A · #705053

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

Scene Recommendations Scene Recommendations

Emotion EMOTION

HarmoniousVersatileWarmCool

Industry INDUSTRY

E-commerceBusiness

UI Context UI CONTEXT

Web PageComponent Library

Color Details Color Details

#DDDCAD

Fresh Green · Wheat · Lemon Cream

HEX
#DDDCAD
RGB
rgb(221, 220, 173)
HSL
hsl(59, 41%, 77%)
HSB
hsb(59, 22%, 87%)
CMYK
cmyk(0%, 0%, 22%, 13%)
Oklch
oklch(88.4% 0.062 106.6)

Traditional「Fresh Green」· Paint「Lemon Cream」· Creative Lemon Fizz

#B6D3D1

Jade · LightSteelBlue · Glacier Blue

HEX
#B6D3D1
RGB
rgb(182, 211, 209)
HSL
hsl(176, 25%, 77%)
HSB
hsb(176, 14%, 83%)
CMYK
cmyk(14%, 0%, 1%, 17%)
Oklch
oklch(84.5% 0.031 191.5)

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

#BDA3B9

Mauve · DarkGray · Lilac Purple

HEX
#BDA3B9
RGB
rgb(189, 163, 185)
HSL
hsl(309, 16%, 69%)
HSB
hsb(309, 14%, 74%)
CMYK
cmyk(0%, 14%, 2%, 26%)
Oklch
oklch(74.5% 0.043 331.1)

Traditional「Mauve」· Paint「Lilac Purple」· Creative Rose Petal

#BB729A

Rose Purple · DarkGray · Rose Pink

HEX
#BB729A
RGB
rgb(187, 114, 154)
HSL
hsl(327, 35%, 59%)
HSB
hsb(327, 39%, 73%)
CMYK
cmyk(0%, 39%, 18%, 27%)
Oklch
oklch(64.3% 0.105 346.4)

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

#705053

Crimson · DimGray · Wine Red

HEX
#705053
RGB
rgb(112, 80, 83)
HSL
hsl(354, 17%, 38%)
HSB
hsb(354, 29%, 44%)
CMYK
cmyk(0%, 29%, 26%, 56%)
Oklch
oklch(46.6% 0.043 12.6)

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

Color Harmonies Color Harmonies

Based on color wheel theory, calculated from primary color

Complementary

DDDCAD
ACADDC

Analogous

DCC4AC
DDDCAD
C5DCAC

Triadic

DDDCAD
ACDCDC
DCACDC

Split-Comp.

DDDCAD
ACC5DC
C4ACDC

Tetradic

DDDCAD
ACDCC4
ACADDC
DCACC5

Contrast Matrix WCAG 2.1 Contrast

DDDCAD
B6D3D1
BDA3B9
BB729A
705053
—
1.1
Fail
1.6
Fail
2.5
Fail
5.0
AA
1.1
Fail
—
1.5
Fail
2.2
Fail
4.5
AA Large
1.6
Fail
1.5
Fail
—
1.5
Fail
3.1
AA Large
2.5
Fail
2.2
Fail
1.5
Fail
—
2.0
Fail
5.0
AA
4.5
AA Large
3.1
AA Large
2.0
Fail
—
White BG
1.4Fail
1.6Fail
2.3Fail
3.5AA Large
7.1AAA
Black BG
14.9AAA
13.2AAA
9.1AAA
6.0AA
3.0Fail

Color Blindness Simulation Color Blindness Simulation

Protanopia

DDDDB8
C3C3D1
B2B2B4
9B9B90
626252

Deuteranopia

DDDDBB
C1BFD2
B3B5B2
A0A58E
646652

Tritanopia

DDC1C3
B7D2D2
BCAFAF
B78987
6E5252

Achromatopsia

D7D7D7
CACACA
ADADAD
8C8C8C
5A5A5A

Shades & Tints Shades & Tints

#DDDCAD

Dark
Light

#B6D3D1

Dark
Light

#BDA3B9

Dark
Light

Code Snippets Code Snippets

CSS Custom Properties

:root {
  --color-1: #dddcad;
  --color-2: #b6d3d1;
  --color-3: #bda3b9;
  --color-4: #bb729a;
  --color-5: #705053;
}

SCSS

$color-1: #dddcad;
$color-2: #b6d3d1;
$color-3: #bda3b9;
$color-4: #bb729a;
$color-5: #705053;

TAILWIND

colors: {
  'brand-1': '#dddcad',
  'brand-2': '#b6d3d1',
  'brand-3': '#bda3b9',
  'brand-4': '#bb729a',
  'brand-5': '#705053',
}

RGB Array

[221, 220, 173], [182, 211, 209], [189, 163, 185], [187, 114, 154], [112, 80, 83]

FAQ FAQ

What scenarios is this 5-color palette suitable for?

This general-style palette of #DDDCAD, #B6D3D1, #BDA3B9, #BB729A, #705053 is ideal for: brand design, premium product pages, magazine layouts. 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: #dddcad; --color-2: #b6d3d1; --color-3: #bda3b9; --color-4: #bb729a; --color-5: #705053. 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?

Medium-brightness colors suit brand primary and accent colors. Use the darkest for text, lightest for backgrounds, and mid-tones for emphasis. 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 tech, SaaS, healthcare, eco 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