← Back to Editor

#D3C9B0 · #FEF2CC · #CE5238 · #6F304D · #816D79

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

#D3C9B0

Goose Yellow · Silver · Lemon Cream

HEX
#D3C9B0
RGB
rgb(211, 201, 176)
HSL
hsl(43, 28%, 76%)
HSB
hsb(43, 17%, 83%)
CMYK
cmyk(0%, 5%, 17%, 17%)
Oklch
oklch(83.7% 0.036 88.8)

Traditional「Goose Yellow」· Paint「Lemon Cream」· Creative Lemon Fizz

#FEF2CC

Goose Yellow · Bisque · Lemon Cream

HEX
#FEF2CC
RGB
rgb(254, 242, 204)
HSL
hsl(46, 96%, 90%)
HSB
hsb(46, 20%, 100%)
CMYK
cmyk(0%, 5%, 20%, 0%)
Oklch
oklch(96.1% 0.051 92.6)

Traditional「Goose Yellow」· Paint「Lemon Cream」· Creative Lemon Fizz

#CE5238

Crimson · Chocolate · Passion Red

HEX
#CE5238
RGB
rgb(206, 82, 56)
HSL
hsl(10, 60%, 51%)
HSB
hsb(10, 73%, 81%)
CMYK
cmyk(0%, 60%, 73%, 19%)
Oklch
oklch(59.7% 0.163 33.5)

Traditional「Crimson」· Paint「Passion Red」· Creative Blush Sunrise

#6F304D

Dark Violet · DimGray · Camellia

HEX
#6F304D
RGB
rgb(111, 48, 77)
HSL
hsl(332, 40%, 31%)
HSB
hsb(332, 57%, 44%)
CMYK
cmyk(0%, 57%, 31%, 56%)
Oklch
oklch(40.5% 0.096 353.4)

Traditional「Dark Violet」· Paint「Camellia」· Creative Blush Sunrise

#816D79

Rose Purple · Gray · Warm Gray

HEX
#816D79
RGB
rgb(129, 109, 121)
HSL
hsl(324, 8%, 47%)
HSB
hsb(324, 16%, 51%)
CMYK
cmyk(0%, 16%, 6%, 49%)
Oklch
oklch(55.8% 0.031 341.4)

Traditional「Rose Purple」· Paint「Warm Gray」· Creative Urban Concrete

Color Harmonies Color Harmonies

Based on color wheel theory, calculated from primary color

Complementary

D3C9B0
B1BAD3

Analogous

D3B8B1
D3C9B0
CCD3B1

Triadic

D3C9B0
B1D3C9
C9B1D3

Split-Comp.

D3C9B0
B1CCD3
B8B1D3

Tetradic

D3C9B0
B1D3B8
B1BAD3
D3B1CC

Contrast Matrix WCAG 2.1 Contrast

D3C9B0
FEF2CC
CE5238
6F304D
816D79
—
1.5
Fail
2.6
Fail
5.8
AA
2.9
Fail
1.5
Fail
—
3.8
AA Large
8.5
AAA
4.3
AA Large
2.6
Fail
3.8
AA Large
—
2.2
Fail
1.1
Fail
5.8
AA
8.5
AAA
2.2
Fail
—
2.0
Fail
2.9
Fail
4.3
AA Large
1.1
Fail
2.0
Fail
—
White BG
1.6Fail
1.1Fail
4.3AA Large
9.5AAA
4.8AA
Black BG
12.8AAA
18.8AAA
4.9AA
2.2Fail
4.4AA Large

Color Blindness Simulation Color Blindness Simulation

Protanopia

CFCFB6
F9F9D5
98973E
545346
787876

Deuteranopia

CFD0B8
FAFAD7
A0A940
575C44
7A7B75

Tritanopia

D3BBBC
FDDCDE
C84344
6C403F
807473

Achromatopsia

C9C9C9
F1F1F1
747474
464646
747474

Shades & Tints Shades & Tints

#D3C9B0

Dark
Light

#FEF2CC

Dark
Light

#CE5238

Dark
Light

Code Snippets Code Snippets

CSS Custom Properties

:root {
  --color-1: #d3c9b0;
  --color-2: #fef2cc;
  --color-3: #ce5238;
  --color-4: #6f304d;
  --color-5: #816d79;
}

SCSS

$color-1: #d3c9b0;
$color-2: #fef2cc;
$color-3: #ce5238;
$color-4: #6f304d;
$color-5: #816d79;

TAILWIND

colors: {
  'brand-1': '#d3c9b0',
  'brand-2': '#fef2cc',
  'brand-3': '#ce5238',
  'brand-4': '#6f304d',
  'brand-5': '#816d79',
}

RGB Array

[211, 201, 176], [254, 242, 204], [206, 82, 56], [111, 48, 77], [129, 109, 121]

FAQ FAQ

What scenarios is this 5-color palette suitable for?

This general-style palette of #D3C9B0, #FEF2CC, #CE5238, #6F304D, #816D79 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: #d3c9b0; --color-2: #fef2cc; --color-3: #ce5238; --color-4: #6f304d; --color-5: #816d79. 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