← Back to Editor

#D1D1B6 · #A8A890 · #906060 · #784860 · #604860

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

Scene Recommendations Scene Recommendations

Emotion EMOTION

HarmoniousVersatileWarm

Industry INDUSTRY

E-commerceBusiness

UI Context UI CONTEXT

Web PageComponent LibraryData Visualization

Color Details Color Details

#D1D1B6

Fresh Green · Silver · Lemon Cream

HEX
#D1D1B6
RGB
rgb(209, 209, 182)
HSL
hsl(60, 23%, 77%)
HSB
hsb(60, 13%, 82%)
CMYK
cmyk(0%, 0%, 13%, 18%)
Oklch
oklch(85.3% 0.036 107.1)

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

#A8A890

Fresh Green · DarkGray · Sunflower

HEX
#A8A890
RGB
rgb(168, 168, 144)
HSL
hsl(60, 12%, 61%)
HSB
hsb(60, 14%, 66%)
CMYK
cmyk(0%, 0%, 14%, 34%)
Oklch
oklch(72.5% 0.034 107.2)

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

#906060

Crimson · DimGray · Passion Red

HEX
#906060
RGB
rgb(144, 96, 96)
HSL
hsl(0, 20%, 47%)
HSB
hsb(0, 33%, 56%)
CMYK
cmyk(0%, 33%, 33%, 44%)
Oklch
oklch(54.0% 0.063 19.3)

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

#784860

Dark Violet · DimGray · Camellia

HEX
#784860
RGB
rgb(120, 72, 96)
HSL
hsl(330, 25%, 38%)
HSB
hsb(330, 40%, 47%)
CMYK
cmyk(0%, 40%, 20%, 53%)
Oklch
oklch(46.5% 0.073 349.0)

Traditional「Dark Violet」· Paint「Camellia」· Creative Blush Sunrise

#604860

Rose Purple · DimGray · Eggplant

HEX
#604860
RGB
rgb(96, 72, 96)
HSL
hsl(300, 14%, 33%)
HSB
hsb(300, 25%, 38%)
CMYK
cmyk(0%, 25%, 0%, 62%)
Oklch
oklch(43.6% 0.049 326.4)

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

Color Harmonies Color Harmonies

Based on color wheel theory, calculated from primary color

Complementary

D1D1B6
B7B7D2

Analogous

D2C4B7
D1D1B6
C4D2B7

Triadic

D1D1B6
B7D2D2
D2B7D2

Split-Comp.

D1D1B6
B7C4D2
C4B7D2

Tetradic

D1D1B6
B7D2C4
B7B7D2
D2B7C4

Contrast Matrix WCAG 2.1 Contrast

D1D1B6
A8A890
906060
784860
604860
—
1.6
Fail
3.4
AA Large
4.7
AA
5.2
AA
1.6
Fail
—
2.2
Fail
3.0
Fail
3.3
AA Large
3.4
AA Large
2.2
Fail
—
1.4
Fail
1.6
Fail
4.7
AA
3.0
Fail
1.4
Fail
—
1.1
Fail
5.2
AA
3.3
AA Large
1.6
Fail
1.1
Fail
—
White BG
1.6Fail
2.4Fail
5.2AA
7.3AAA
8.1AAA
Black BG
13.5AAA
8.7AAA
4.0AA Large
2.9Fail
2.6Fail

Color Blindness Simulation Color Blindness Simulation

Protanopia

D1D1BD
A8A896
7B7B60
63635A
56555A

Deuteranopia

D1D1BE
A8A897
7E8260
666A59
575959

Tritanopia

D1C2C3
A89A9B
8E6060
765655
5F5655

Achromatopsia

CECECE
A5A5A5
6E6E6E
595959
525252

Shades & Tints Shades & Tints

#D1D1B6

Dark
Light

#A8A890

Dark
Light

#906060

Dark
Light

Code Snippets Code Snippets

CSS Custom Properties

:root {
  --color-1: #d1d1b6;
  --color-2: #a8a890;
  --color-3: #906060;
  --color-4: #784860;
  --color-5: #604860;
}

SCSS

$color-1: #d1d1b6;
$color-2: #a8a890;
$color-3: #906060;
$color-4: #784860;
$color-5: #604860;

TAILWIND

colors: {
  'brand-1': '#d1d1b6',
  'brand-2': '#a8a890',
  'brand-3': '#906060',
  'brand-4': '#784860',
  'brand-5': '#604860',
}

RGB Array

[209, 209, 182], [168, 168, 144], [144, 96, 96], [120, 72, 96], [96, 72, 96]

FAQ FAQ

What scenarios is this 5-color palette suitable for?

This general-style palette of #D1D1B6, #A8A890, #906060, #784860, #604860 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: #d1d1b6; --color-2: #a8a890; --color-3: #906060; --color-4: #784860; --color-5: #604860. 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