← Back to Editor

#CDD2D5 · #C7B295 · #947B5C · #2D1C08 · #D39B80

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

#CDD2D5

Sky Blue · LightGray · Pearl Gray

HEX
#CDD2D5
RGB
rgb(205, 210, 213)
HSL
hsl(203, 9%, 82%)
HSB
hsb(203, 4%, 84%)
CMYK
cmyk(4%, 1%, 0%, 16%)
Oklch
oklch(86.1% 0.007 233.7)

Traditional「Sky Blue」· Paint「Pearl Gray」· Creative Silver Lining

#C7B295

Ginger · Tan · Warm Sun

HEX
#C7B295
RGB
rgb(199, 178, 149)
HSL
hsl(35, 31%, 68%)
HSB
hsb(35, 25%, 78%)
CMYK
cmyk(0%, 11%, 25%, 22%)
Oklch
oklch(77.4% 0.046 75.8)

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

#947B5C

Ochre · Gray · Amber Brown

HEX
#947B5C
RGB
rgb(148, 123, 92)
HSL
hsl(33, 23%, 47%)
HSB
hsb(33, 38%, 58%)
CMYK
cmyk(0%, 17%, 38%, 42%)
Oklch
oklch(59.9% 0.054 72.5)

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

#2D1C08

Ochre · Black · Cinnamon

HEX
#2D1C08
RGB
rgb(45, 28, 8)
HSL
hsl(32, 70%, 10%)
HSB
hsb(32, 82%, 18%)
CMYK
cmyk(0%, 38%, 82%, 82%)
Oklch
oklch(24.4% 0.042 68.1)

Traditional「Ochre」· Paint「Cinnamon」· Creative Blush Sunrise

#D39B80

Apricot · DarkSalmon · Warm Sun

HEX
#D39B80
RGB
rgb(211, 155, 128)
HSL
hsl(20, 49%, 66%)
HSB
hsb(20, 39%, 83%)
CMYK
cmyk(0%, 27%, 39%, 17%)
Oklch
oklch(73.6% 0.077 46.8)

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

Color Harmonies Color Harmonies

Based on color wheel theory, calculated from primary color

Complementary

CDD2D5
D5D0CD

Analogous

CDD5D4
CDD2D5
CDCED5

Triadic

CDD2D5
D5CDD2
D2D5CD

Split-Comp.

CDD2D5
D5CDCE
D5D4CD

Tetradic

CDD2D5
D4CDD5
D5D0CD
CED5CD

Contrast Matrix WCAG 2.1 Contrast

CDD2D5
C7B295
947B5C
2D1C08
D39B80
—
1.3
Fail
2.6
Fail
10.8
AAA
1.6
Fail
1.3
Fail
—
1.9
Fail
8.0
AAA
1.2
Fail
2.6
Fail
1.9
Fail
—
4.1
AA Large
1.7
Fail
10.8
AAA
8.0
AAA
4.1
AA Large
—
6.8
AA
1.6
Fail
1.2
Fail
1.7
Fail
6.8
AA
—
White BG
1.5Fail
2.1Fail
4.0AA Large
16.4AAA
2.4Fail
Black BG
13.8AAA
10.2AAA
5.2AA
1.3Fail
8.8AAA

Color Blindness Simulation Color Blindness Simulation

Protanopia

CFCFD4
BEBE9C
898964
26250D
BBBA87

Deuteranopia

CFCFD4
BFC19E
8B8D65
27280E
BEC288

Tritanopia

CDD4D4
C6A2A3
93696B
2C1112
D08C8D

Achromatopsia

D1D1D1
B5B5B5
7F7F7F
1F1F1F
A9A9A9

Shades & Tints Shades & Tints

#CDD2D5

Dark
Light

#C7B295

Dark
Light

#947B5C

Dark
Light

Code Snippets Code Snippets

CSS Custom Properties

:root {
  --color-1: #cdd2d5;
  --color-2: #c7b295;
  --color-3: #947b5c;
  --color-4: #2d1c08;
  --color-5: #d39b80;
}

SCSS

$color-1: #cdd2d5;
$color-2: #c7b295;
$color-3: #947b5c;
$color-4: #2d1c08;
$color-5: #d39b80;

TAILWIND

colors: {
  'brand-1': '#cdd2d5',
  'brand-2': '#c7b295',
  'brand-3': '#947b5c',
  'brand-4': '#2d1c08',
  'brand-5': '#d39b80',
}

RGB Array

[205, 210, 213], [199, 178, 149], [148, 123, 92], [45, 28, 8], [211, 155, 128]

FAQ FAQ

What scenarios is this 5-color palette suitable for?

This general-style palette of #CDD2D5, #C7B295, #947B5C, #2D1C08, #D39B80 is ideal for: infographics, data visualization, accessible design. High contrast ensures clear visual hierarchy and readability. It is a balanced and harmonious choice among 5-color palettes.

How to use this palette in CSS or frontend projects?

Copy the CSS variables directly: --color-1: #cdd2d5; --color-2: #c7b295; --color-3: #947b5c; --color-4: #2d1c08; --color-5: #d39b80. 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. 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