← Back to Editor

#DAD8CC · #C0A695 · #9A8C81 · #747579 · #454C5E

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

#DAD8CC

Fresh Green · LightGray · Lemon Cream

HEX
#DAD8CC
RGB
rgb(218, 216, 204)
HSL
hsl(51, 16%, 83%)
HSB
hsb(51, 6%, 85%)
CMYK
cmyk(0%, 1%, 6%, 15%)
Oklch
oklch(88.0% 0.016 99.0)

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

#C0A695

Apricot · Tan · Warm Sun

HEX
#C0A695
RGB
rgb(192, 166, 149)
HSL
hsl(24, 25%, 67%)
HSB
hsb(24, 22%, 75%)
CMYK
cmyk(0%, 14%, 22%, 25%)
Oklch
oklch(74.3% 0.039 55.2)

Traditional「Apricot」· Paint「Warm Sun」· Creative Honey Glow

#9A8C81

Tangerine · Gray · Warm Sun

HEX
#9A8C81
RGB
rgb(154, 140, 129)
HSL
hsl(26, 11%, 55%)
HSB
hsb(26, 16%, 60%)
CMYK
cmyk(0%, 9%, 16%, 40%)
Oklch
oklch(64.9% 0.023 60.6)

Traditional「Tangerine」· Paint「Warm Sun」· Creative Blush Sunrise

#747579

Ink Gray · Gray · Warm Gray

HEX
#747579
RGB
rgb(116, 117, 121)
HSL
hsl(228, 2%, 46%)
HSB
hsb(228, 4%, 47%)
CMYK
cmyk(4%, 3%, 0%, 53%)
Oklch
oklch(56.3% 0.006 274.9)

Traditional「Ink Gray」· Paint「Warm Gray」· Creative Urban Concrete

#454C5E

Indigo · DarkSlateGray · Prussian Blue

HEX
#454C5E
RGB
rgb(69, 76, 94)
HSL
hsl(223, 15%, 32%)
HSB
hsb(223, 27%, 37%)
CMYK
cmyk(27%, 19%, 0%, 63%)
Oklch
oklch(41.7% 0.031 268.4)

Traditional「Indigo」· Paint「Prussian Blue」· Creative Blush Sunrise

Color Harmonies Color Harmonies

Based on color wheel theory, calculated from primary color

Complementary

DAD8CC
CDCFDB

Analogous

DBD2CD
DAD8CC
D6DBCD

Triadic

DAD8CC
CDDBD9
D9CDDB

Split-Comp.

DAD8CC
CDD6DB
D2CDDB

Tetradic

DAD8CC
CDDBD2
CDCFDB
DBCDD6

Contrast Matrix WCAG 2.1 Contrast

DAD8CC
C0A695
9A8C81
747579
454C5E
—
1.6
Fail
2.3
Fail
3.2
AA Large
6.0
AA
1.6
Fail
—
1.4
Fail
2.0
Fail
3.7
AA Large
2.3
Fail
1.4
Fail
—
1.4
Fail
2.6
Fail
3.2
AA Large
2.0
Fail
1.4
Fail
—
1.9
Fail
6.0
AA
3.7
AA Large
2.6
Fail
1.9
Fail
—
White BG
1.4Fail
2.3Fail
3.3AA Large
4.6AA
8.6AAA
Black BG
14.7AAA
9.1AAA
6.4AA
4.6AA
2.4Fail

Color Blindness Simulation Color Blindness Simulation

Protanopia

D9D9CF
B5B599
949484
747478
48485A

Deuteranopia

D9D9D0
B6B89A
959684
747478
484759

Tritanopia

DAD1D2
BF9C9D
998686
747777
455655

Achromatopsia

D7D7D7
ACACAC
8F8F8F
757575
4C4C4C

Shades & Tints Shades & Tints

#DAD8CC

Dark
Light

#C0A695

Dark
Light

#9A8C81

Dark
Light

Code Snippets Code Snippets

CSS Custom Properties

:root {
  --color-1: #dad8cc;
  --color-2: #c0a695;
  --color-3: #9a8c81;
  --color-4: #747579;
  --color-5: #454c5e;
}

SCSS

$color-1: #dad8cc;
$color-2: #c0a695;
$color-3: #9a8c81;
$color-4: #747579;
$color-5: #454c5e;

TAILWIND

colors: {
  'brand-1': '#dad8cc',
  'brand-2': '#c0a695',
  'brand-3': '#9a8c81',
  'brand-4': '#747579',
  'brand-5': '#454c5e',
}

RGB Array

[218, 216, 204], [192, 166, 149], [154, 140, 129], [116, 117, 121], [69, 76, 94]

FAQ FAQ

What scenarios is this 5-color palette suitable for?

This general-style palette of #DAD8CC, #C0A695, #9A8C81, #747579, #454C5E 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: #dad8cc; --color-2: #c0a695; --color-3: #9a8c81; --color-4: #747579; --color-5: #454c5e. 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