← Back to Editor

#D8CEBA · #B7A072 · #452B5D · #270F3D · #916308

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

#D8CEBA

Goose Yellow · LightGray · Lemon Cream

HEX
#D8CEBA
RGB
rgb(216, 206, 186)
HSL
hsl(40, 28%, 79%)
HSB
hsb(40, 14%, 85%)
CMYK
cmyk(0%, 5%, 14%, 15%)
Oklch
oklch(85.4% 0.029 84.6)

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

#B7A072

Ginger · Tan · Sunflower

HEX
#B7A072
RGB
rgb(183, 160, 114)
HSL
hsl(40, 32%, 58%)
HSB
hsb(40, 38%, 72%)
CMYK
cmyk(0%, 13%, 38%, 28%)
Oklch
oklch(71.5% 0.068 84.2)

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

#452B5D

Dark Plum · DarkSlateGray · Eggplant

HEX
#452B5D
RGB
rgb(69, 43, 93)
HSL
hsl(271, 37%, 27%)
HSB
hsb(271, 54%, 36%)
CMYK
cmyk(26%, 54%, 0%, 64%)
Oklch
oklch(34.5% 0.089 306.3)

Traditional「Dark Plum」· Paint「Eggplant」· Creative Blush Sunrise

#270F3D

Royal Purple · MidnightBlue · Dark Purple

HEX
#270F3D
RGB
rgb(39, 15, 61)
HSL
hsl(271, 61%, 15%)
HSB
hsb(271, 75%, 24%)
CMYK
cmyk(36%, 75%, 0%, 76%)
Oklch
oklch(23.3% 0.085 304.5)

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

#916308

Ochre · Olive · Honey Gold

HEX
#916308
RGB
rgb(145, 99, 8)
HSL
hsl(40, 90%, 30%)
HSB
hsb(40, 94%, 57%)
CMYK
cmyk(0%, 32%, 94%, 43%)
Oklch
oklch(53.5% 0.110 76.2)

Traditional「Ochre」· Paint「Honey Gold」· Creative Blush Sunrise

Color Harmonies Color Harmonies

Based on color wheel theory, calculated from primary color

Complementary

D8CEBA
BAC4D8

Analogous

D8BFBA
D8CEBA
D3D8BA

Triadic

D8CEBA
BAD8CE
CEBAD8

Split-Comp.

D8CEBA
BAD3D8
BFBAD8

Tetradic

D8CEBA
BAD8BF
BAC4D8
D8BAD3

Contrast Matrix WCAG 2.1 Contrast

D8CEBA
B7A072
452B5D
270F3D
916308
—
1.6
Fail
7.7
AAA
11.0
AAA
3.4
AA Large
1.6
Fail
—
4.7
AA
6.8
AA
2.1
Fail
7.7
AAA
4.7
AA
—
1.4
Fail
2.3
Fail
11.0
AAA
6.8
AA
1.4
Fail
—
3.3
AA Large
3.4
AA Large
2.1
Fail
2.3
Fail
3.3
AA Large
—
White BG
1.6Fail
2.5Fail
12.0AAA
17.2AAA
5.3AA
Black BG
13.5AAA
8.3AAA
1.8Fail
1.2Fail
4.0AA Large

Color Blindness Simulation Color Blindness Simulation

Protanopia

D4D4BF
ADAD7D
3A3A51
1D1C32
7D7D1E

Deuteranopia

D4D5C0
AEB080
3B3D4E
1E202F
808323

Tritanopia

D8C3C4
B68688
444745
262927
8F2F33

Achromatopsia

CFCFCF
A2A2A2
383838
1B1B1B
666666

Shades & Tints Shades & Tints

#D8CEBA

Dark
Light

#B7A072

Dark
Light

#452B5D

Dark
Light

Code Snippets Code Snippets

CSS Custom Properties

:root {
  --color-1: #d8ceba;
  --color-2: #b7a072;
  --color-3: #452b5d;
  --color-4: #270f3d;
  --color-5: #916308;
}

SCSS

$color-1: #d8ceba;
$color-2: #b7a072;
$color-3: #452b5d;
$color-4: #270f3d;
$color-5: #916308;

TAILWIND

colors: {
  'brand-1': '#d8ceba',
  'brand-2': '#b7a072',
  'brand-3': '#452b5d',
  'brand-4': '#270f3d',
  'brand-5': '#916308',
}

RGB Array

[216, 206, 186], [183, 160, 114], [69, 43, 93], [39, 15, 61], [145, 99, 8]

FAQ FAQ

What scenarios is this 5-color palette suitable for?

This general-style palette of #D8CEBA, #B7A072, #452B5D, #270F3D, #916308 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: #d8ceba; --color-2: #b7a072; --color-3: #452b5d; --color-4: #270f3d; --color-5: #916308. 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