← Back to Editor

#D4D0B8 · #BA9597 · #945C69 · #554461 · #2C2242

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 LibraryData Visualization

Color Details Color Details

#D4D0B8

Fresh Green · Silver · Lemon Cream

HEX
#D4D0B8
RGB
rgb(212, 208, 184)
HSL
hsl(51, 25%, 78%)
HSB
hsb(51, 13%, 83%)
CMYK
cmyk(0%, 2%, 13%, 17%)
Oklch
oklch(85.4% 0.033 99.3)

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

#BA9597

Peach Pink · DarkGray · Coral Red

HEX
#BA9597
RGB
rgb(186, 149, 151)
HSL
hsl(357, 21%, 66%)
HSB
hsb(357, 20%, 73%)
CMYK
cmyk(0%, 20%, 19%, 27%)
Oklch
oklch(70.4% 0.045 14.6)

Traditional「Peach Pink」· Paint「Coral Red」· Creative Rose Petal

#945C69

Crimson · DimGray · Passion Red

HEX
#945C69
RGB
rgb(148, 92, 105)
HSL
hsl(346, 23%, 47%)
HSB
hsb(346, 38%, 58%)
CMYK
cmyk(0%, 38%, 29%, 42%)
Oklch
oklch(54.1% 0.075 4.8)

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

#554461

Dark Plum · DimGray · Eggplant

HEX
#554461
RGB
rgb(85, 68, 97)
HSL
hsl(275, 18%, 32%)
HSB
hsb(275, 30%, 38%)
CMYK
cmyk(12%, 30%, 0%, 62%)
Oklch
oklch(41.6% 0.052 310.8)

Traditional「Dark Plum」· Paint「Eggplant」· Creative Blush Sunrise

#2C2242

Deep Indigo · DarkSlateGray · Deep Sea Blue

HEX
#2C2242
RGB
rgb(44, 34, 66)
HSL
hsl(259, 32%, 20%)
HSB
hsb(259, 48%, 26%)
CMYK
cmyk(33%, 48%, 0%, 74%)
Oklch
oklch(28.0% 0.058 296.9)

Traditional「Deep Indigo」· Paint「Deep Sea Blue」· Creative Blush Sunrise

Color Harmonies Color Harmonies

Based on color wheel theory, calculated from primary color

Complementary

D4D0B8
B9BDD5

Analogous

D5C3B9
D4D0B8
CBD5B9

Triadic

D4D0B8
B9D5D1
D1B9D5

Split-Comp.

D4D0B8
B9CBD5
C3B9D5

Tetradic

D4D0B8
B9D5C3
B9BDD5
D5B9CB

Contrast Matrix WCAG 2.1 Contrast

D4D0B8
BA9597
945C69
554461
2C2242
—
1.7
Fail
3.4
AA Large
5.7
AA
9.6
AAA
1.7
Fail
—
2.0
Fail
3.3
AA Large
5.5
AA
3.4
AA Large
2.0
Fail
—
1.7
Fail
2.8
Fail
5.7
AA
3.3
AA Large
1.7
Fail
—
1.7
Fail
9.6
AAA
5.5
AA
2.8
Fail
1.7
Fail
—
White BG
1.6Fail
2.7Fail
5.3AA
8.8AAA
14.8AAA
Black BG
13.5AAA
7.8AAA
4.0AA Large
2.4Fail
1.4Fail

Color Blindness Simulation Color Blindness Simulation

Protanopia

D2D2BE
AAAA97
7C7B66
4E4D5A
28283A

Deuteranopia

D3D3BF
ACAF96
7F8365
4F5058
282938

Tritanopia

D4C2C3
B89696
916363
545453
2C3433

Achromatopsia

CECECE
A0A0A0
6E6E6E
4C4C4C
292929

Shades & Tints Shades & Tints

#D4D0B8

Dark
Light

#BA9597

Dark
Light

#945C69

Dark
Light

Code Snippets Code Snippets

CSS Custom Properties

:root {
  --color-1: #d4d0b8;
  --color-2: #ba9597;
  --color-3: #945c69;
  --color-4: #554461;
  --color-5: #2c2242;
}

SCSS

$color-1: #d4d0b8;
$color-2: #ba9597;
$color-3: #945c69;
$color-4: #554461;
$color-5: #2c2242;

TAILWIND

colors: {
  'brand-1': '#d4d0b8',
  'brand-2': '#ba9597',
  'brand-3': '#945c69',
  'brand-4': '#554461',
  'brand-5': '#2c2242',
}

RGB Array

[212, 208, 184], [186, 149, 151], [148, 92, 105], [85, 68, 97], [44, 34, 66]

FAQ FAQ

What scenarios is this 5-color palette suitable for?

This general-style palette of #D4D0B8, #BA9597, #945C69, #554461, #2C2242 is ideal for: brand design, premium product pages, magazine layouts, infographics, data visualization, accessible design. Low-saturation colors convey a sophisticated, premium feel. High contrast ensures clear visual hierarchy and readability. 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: #d4d0b8; --color-2: #ba9597; --color-3: #945c69; --color-4: #554461; --color-5: #2c2242. 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. High-contrast palettes naturally meet WCAG accessibility standards. 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