← Back to Editor

#CDBFB2 · #A29279 · #796C5B · #383842 · #26231E

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

#CDBFB2

Apricot · Silver · Warm Sun

HEX
#CDBFB2
RGB
rgb(205, 191, 178)
HSL
hsl(29, 21%, 75%)
HSB
hsb(29, 13%, 80%)
CMYK
cmyk(0%, 7%, 13%, 20%)
Oklch
oklch(81.3% 0.024 65.4)

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

#A29279

Ginger · Gray · Warm Sun

HEX
#A29279
RGB
rgb(162, 146, 121)
HSL
hsl(37, 18%, 55%)
HSB
hsb(37, 25%, 64%)
CMYK
cmyk(0%, 10%, 25%, 36%)
Oklch
oklch(66.7% 0.040 78.9)

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

#796C5B

Ochre · DimGray · Amber Brown

HEX
#796C5B
RGB
rgb(121, 108, 91)
HSL
hsl(34, 14%, 42%)
HSB
hsb(34, 25%, 47%)
CMYK
cmyk(0%, 11%, 25%, 53%)
Oklch
oklch(53.9% 0.030 74.5)

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

#383842

Deep Indigo · DarkSlateGray · Dark Stone

HEX
#383842
RGB
rgb(56, 56, 66)
HSL
hsl(240, 8%, 24%)
HSB
hsb(240, 15%, 26%)
CMYK
cmyk(15%, 15%, 0%, 74%)
Oklch
oklch(34.5% 0.017 285.5)

Traditional「Deep Indigo」· Paint「Dark Stone」· Creative Midnight Shadow

#26231E

Ochre · Black · Cinnamon

HEX
#26231E
RGB
rgb(38, 35, 30)
HSL
hsl(38, 12%, 13%)
HSB
hsb(38, 21%, 15%)
CMYK
cmyk(0%, 8%, 21%, 85%)
Oklch
oklch(25.8% 0.010 80.6)

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

Color Harmonies Color Harmonies

Based on color wheel theory, calculated from primary color

Complementary

CDBFB2
B2C0CD

Analogous

CDB2B2
CDBFB2
CDCCB2

Triadic

CDBFB2
B2CDBF
BFB2CD

Split-Comp.

CDBFB2
B2CDCC
B2B2CD

Tetradic

CDBFB2
B2CDB2
B2C0CD
CCB2CD

Contrast Matrix WCAG 2.1 Contrast

CDBFB2
A29279
796C5B
383842
26231E
—
1.7
Fail
2.8
Fail
6.5
AA
8.7
AAA
1.7
Fail
—
1.7
Fail
3.8
AA Large
5.2
AA
2.8
Fail
1.7
Fail
—
2.3
Fail
3.1
AA Large
6.5
AA
3.8
AA Large
2.3
Fail
—
1.4
Fail
8.7
AAA
5.2
AA
3.1
AA Large
1.4
Fail
—
White BG
1.8Fail
3.0AA Large
5.1AA
11.6AAA
15.7AAA
Black BG
11.7AAA
6.9AA
4.1AA Large
1.8Fail
1.3Fail

Color Blindness Simulation Color Blindness Simulation

Protanopia

C7C7B5
9B9B7F
73735F
383840
25251F

Deuteranopia

C8C9B6
9C9D81
747560
38383F
252520

Tritanopia

CCB8B8
A18485
786263
383E3D
262020

Achromatopsia

C2C2C2
949494
6E6E6E
393939
232323

Shades & Tints Shades & Tints

#CDBFB2

Dark
Light

#A29279

Dark
Light

#796C5B

Dark
Light

Code Snippets Code Snippets

CSS Custom Properties

:root {
  --color-1: #cdbfb2;
  --color-2: #a29279;
  --color-3: #796c5b;
  --color-4: #383842;
  --color-5: #26231e;
}

SCSS

$color-1: #cdbfb2;
$color-2: #a29279;
$color-3: #796c5b;
$color-4: #383842;
$color-5: #26231e;

TAILWIND

colors: {
  'brand-1': '#cdbfb2',
  'brand-2': '#a29279',
  'brand-3': '#796c5b',
  'brand-4': '#383842',
  'brand-5': '#26231e',
}

RGB Array

[205, 191, 178], [162, 146, 121], [121, 108, 91], [56, 56, 66], [38, 35, 30]

FAQ FAQ

What scenarios is this 5-color palette suitable for?

This general-style palette of #CDBFB2, #A29279, #796C5B, #383842, #26231E 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: #cdbfb2; --color-2: #a29279; --color-3: #796c5b; --color-4: #383842; --color-5: #26231e. 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