← Back to Editor

#DEDEDE · #C0D1CD · #B9CCA7 · #9C936B · #B06443

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

Scene Recommendations Scene Recommendations

Emotion EMOTION

AiryCleanWarmCool

Industry INDUSTRY

HealthcareSaaS

UI Context UI CONTEXT

WorkspaceReading

Color Details Color Details

#DEDEDE

Plain White · LightGray · Cloud White

HEX
#DEDEDE
RGB
rgb(222, 222, 222)
HSL
hsl(0, 0%, 87%)
HSB
hsb(0, 0%, 87%)
CMYK
cmyk(0%, 0%, 0%, 13%)
Oklch
oklch(90.1% 0.000 89.9)

Traditional「Plain White」· Paint「Cloud White」· Creative Silver Lining

#C0D1CD

Jade · LightGray · Glacier Blue

HEX
#C0D1CD
RGB
rgb(192, 209, 205)
HSL
hsl(166, 16%, 79%)
HSB
hsb(166, 8%, 82%)
CMYK
cmyk(8%, 0%, 2%, 18%)
Oklch
oklch(84.7% 0.019 180.2)

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

#B9CCA7

Celadon · Silver · Apple Green

HEX
#B9CCA7
RGB
rgb(185, 204, 167)
HSL
hsl(91, 27%, 73%)
HSB
hsb(91, 18%, 80%)
CMYK
cmyk(9%, 0%, 18%, 20%)
Oklch
oklch(82.1% 0.055 129.7)

Traditional「Celadon」· Paint「Apple Green」· Creative Mint Breeze

#9C936B

Ginger · Gray · Sunflower

HEX
#9C936B
RGB
rgb(156, 147, 107)
HSL
hsl(49, 20%, 52%)
HSB
hsb(49, 31%, 61%)
CMYK
cmyk(0%, 6%, 31%, 39%)
Oklch
oklch(66.1% 0.057 97.0)

Traditional「Ginger」· Paint「Sunflower」· Creative Blush Sunrise

#B06443

Tangerine · Sienna · Amber Brown

HEX
#B06443
RGB
rgb(176, 100, 67)
HSL
hsl(18, 45%, 48%)
HSB
hsb(18, 62%, 69%)
CMYK
cmyk(0%, 43%, 62%, 31%)
Oklch
oklch(58.3% 0.109 43.7)

Traditional「Tangerine」· Paint「Amber Brown」· Creative Blush Sunrise

Color Harmonies Color Harmonies

Based on color wheel theory, calculated from primary color

Complementary

DEDEDE
DEDEDE

Analogous

DEDEDE
DEDEDE
DEDEDE

Triadic

DEDEDE
DEDEDE
DEDEDE

Split-Comp.

DEDEDE
DEDEDE
DEDEDE

Tetradic

DEDEDE
DEDEDE
DEDEDE
DEDEDE

Contrast Matrix WCAG 2.1 Contrast

DEDEDE
C0D1CD
B9CCA7
9C936B
B06443
—
1.2
Fail
1.3
Fail
2.3
Fail
3.3
AA Large
1.2
Fail
—
1.1
Fail
1.9
Fail
2.8
Fail
1.3
Fail
1.1
Fail
—
1.8
Fail
2.6
Fail
2.3
Fail
1.9
Fail
1.8
Fail
—
1.4
Fail
3.3
AA Large
2.8
Fail
2.6
Fail
1.4
Fail
—
White BG
1.3Fail
1.6Fail
1.7Fail
3.1AA Large
4.4AA Large
Black BG
15.6AAA
13.2AAA
12.3AAA
6.8AA
4.7AA

Color Blindness Simulation Color Blindness Simulation

Protanopia

DEDEDE
C7C8CE
C1C1B0
989875
8F8E4B

Deuteranopia

DEDEDE
C6C5CE
C0BFB2
999977
94994D

Tritanopia

DEDEDE
C1CFCF
BAB7B9
9C7C7E
AC5153

Achromatopsia

DEDEDE
CBCBCB
C2C2C2
919191
777777

Shades & Tints Shades & Tints

#DEDEDE

Dark
Light

#C0D1CD

Dark
Light

#B9CCA7

Dark
Light

Code Snippets Code Snippets

CSS Custom Properties

:root {
  --color-1: #dedede;
  --color-2: #c0d1cd;
  --color-3: #b9cca7;
  --color-4: #9c936b;
  --color-5: #b06443;
}

SCSS

$color-1: #dedede;
$color-2: #c0d1cd;
$color-3: #b9cca7;
$color-4: #9c936b;
$color-5: #b06443;

TAILWIND

colors: {
  'brand-1': '#dedede',
  'brand-2': '#c0d1cd',
  'brand-3': '#b9cca7',
  'brand-4': '#9c936b',
  'brand-5': '#b06443',
}

RGB Array

[222, 222, 222], [192, 209, 205], [185, 204, 167], [156, 147, 107], [176, 100, 67]

FAQ FAQ

What scenarios is this 5-color palette suitable for?

This general-style palette of #DEDEDE, #C0D1CD, #B9CCA7, #9C936B, #B06443 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: #dedede; --color-2: #c0d1cd; --color-3: #b9cca7; --color-4: #9c936b; --color-5: #b06443. 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 general-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