← Back to Editor

#DECDC1 · #CFBAAB · #B09D8D · #7A6A5C · #0D030B

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

#DECDC1

Apricot · LightGray · Peach Orange

HEX
#DECDC1
RGB
rgb(222, 205, 193)
HSL
hsl(25, 31%, 81%)
HSB
hsb(25, 13%, 87%)
CMYK
cmyk(0%, 8%, 13%, 13%)
Oklch
oklch(85.9% 0.025 57.6)

Traditional「Apricot」· Paint「Peach Orange」· Creative Honey Glow

#CFBAAB

Apricot · Silver · Warm Sun

HEX
#CFBAAB
RGB
rgb(207, 186, 171)
HSL
hsl(25, 27%, 74%)
HSB
hsb(25, 17%, 81%)
CMYK
cmyk(0%, 10%, 17%, 19%)
Oklch
oklch(80.3% 0.032 57.8)

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

#B09D8D

Apricot · DarkGray · Warm Sun

HEX
#B09D8D
RGB
rgb(176, 157, 141)
HSL
hsl(27, 18%, 62%)
HSB
hsb(27, 20%, 69%)
CMYK
cmyk(0%, 11%, 20%, 31%)
Oklch
oklch(70.8% 0.032 62.4)

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

#7A6A5C

Tangerine · DimGray · Amber Brown

HEX
#7A6A5C
RGB
rgb(122, 106, 92)
HSL
hsl(28, 14%, 42%)
HSB
hsb(28, 25%, 48%)
CMYK
cmyk(0%, 13%, 25%, 52%)
Oklch
oklch(53.5% 0.029 63.3)

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

#0D030B

Rose Purple · Black · Dark Purple

HEX
#0D030B
RGB
rgb(13, 3, 11)
HSL
hsl(312, 63%, 3%)
HSB
hsb(312, 77%, 5%)
CMYK
cmyk(0%, 77%, 15%, 95%)
Oklch
oklch(12.4% 0.031 333.6)

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

Color Harmonies Color Harmonies

Based on color wheel theory, calculated from primary color

Complementary

DECDC1
C0D1DE

Analogous

DEC0C2
DECDC1
DEDBC0

Triadic

DECDC1
C0DECC
CCC0DE

Split-Comp.

DECDC1
C0DEDB
C0C2DE

Tetradic

DECDC1
C2DEC0
C0D1DE
DBC0DE

Contrast Matrix WCAG 2.1 Contrast

DECDC1
CFBAAB
B09D8D
7A6A5C
0D030B
—
1.2
Fail
1.7
Fail
3.4
AA Large
13.1
AAA
1.2
Fail
—
1.4
Fail
2.8
Fail
10.9
AAA
1.7
Fail
1.4
Fail
—
2.0
Fail
7.8
AAA
3.4
AA Large
2.8
Fail
2.0
Fail
—
3.9
AA Large
13.1
AAA
10.9
AAA
7.8
AAA
3.9
AA Large
—
White BG
1.5Fail
1.9Fail
2.6Fail
5.2AA
20.3AAA
Black BG
13.6AAA
11.3AAA
8.1AAA
4.0AA Large
1.0Fail

Color Blindness Simulation Color Blindness Simulation

Protanopia

D7D6C4
C6C6AF
A8A891
73735F
090909

Deuteranopia

D8D9C5
C7C9B0
A9AA92
747560
090A09

Tritanopia

DDC6C7
CEB1B2
AF9495
796263
0D0807

Achromatopsia

D1D1D1
BFBFBF
A1A1A1
6D6D6D
070707

Shades & Tints Shades & Tints

#DECDC1

Dark
Light

#CFBAAB

Dark
Light

#B09D8D

Dark
Light

Code Snippets Code Snippets

CSS Custom Properties

:root {
  --color-1: #decdc1;
  --color-2: #cfbaab;
  --color-3: #b09d8d;
  --color-4: #7a6a5c;
  --color-5: #0d030b;
}

SCSS

$color-1: #decdc1;
$color-2: #cfbaab;
$color-3: #b09d8d;
$color-4: #7a6a5c;
$color-5: #0d030b;

TAILWIND

colors: {
  'brand-1': '#decdc1',
  'brand-2': '#cfbaab',
  'brand-3': '#b09d8d',
  'brand-4': '#7a6a5c',
  'brand-5': '#0d030b',
}

RGB Array

[222, 205, 193], [207, 186, 171], [176, 157, 141], [122, 106, 92], [13, 3, 11]

FAQ FAQ

What scenarios is this 5-color palette suitable for?

This general-style palette of #DECDC1, #CFBAAB, #B09D8D, #7A6A5C, #0D030B 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: #decdc1; --color-2: #cfbaab; --color-3: #b09d8d; --color-4: #7a6a5c; --color-5: #0d030b. 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