← Back to Editor

#BD9660 · #FCE495 · #A8DFC0 · #8B4D45 · #575345

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

#BD9660

Ginger · DarkSalmon · Warm Sun

HEX
#BD9660
RGB
rgb(189, 150, 96)
HSL
hsl(35, 41%, 56%)
HSB
hsb(35, 49%, 74%)
CMYK
cmyk(0%, 21%, 49%, 26%)
Oklch
oklch(69.7% 0.085 74.7)

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

#FCE495

Goose Yellow · Khaki · Lemon Cream

HEX
#FCE495
RGB
rgb(252, 228, 149)
HSL
hsl(46, 94%, 79%)
HSB
hsb(46, 41%, 99%)
CMYK
cmyk(0%, 10%, 41%, 1%)
Oklch
oklch(92.1% 0.102 93.1)

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

#A8DFC0

Celadon · LightBlue · Apple Green

HEX
#A8DFC0
RGB
rgb(168, 223, 192)
HSL
hsl(146, 46%, 77%)
HSB
hsb(146, 25%, 87%)
CMYK
cmyk(25%, 0%, 14%, 13%)
Oklch
oklch(85.7% 0.071 159.8)

Traditional「Celadon」· Paint「Apple Green」· Creative Mint Breeze

#8B4D45

Crimson · Sienna · Passion Red

HEX
#8B4D45
RGB
rgb(139, 77, 69)
HSL
hsl(7, 34%, 41%)
HSB
hsb(7, 50%, 55%)
CMYK
cmyk(0%, 45%, 50%, 45%)
Oklch
oklch(49.2% 0.085 28.3)

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

#575345

Ochre · DarkOliveGreen · Honey Gold

HEX
#575345
RGB
rgb(87, 83, 69)
HSL
hsl(47, 12%, 31%)
HSB
hsb(47, 21%, 34%)
CMYK
cmyk(0%, 5%, 21%, 66%)
Oklch
oklch(44.2% 0.023 93.9)

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

Color Harmonies Color Harmonies

Based on color wheel theory, calculated from primary color

Complementary

BD9660
6187BD

Analogous

BD6861
BD9660
B5BD61

Triadic

BD9660
61BD96
9661BD

Split-Comp.

BD9660
61B5BD
6861BD

Tetradic

BD9660
61BD68
6187BD
BD61B5

Contrast Matrix WCAG 2.1 Contrast

BD9660
FCE495
A8DFC0
8B4D45
575345
—
2.2
Fail
1.8
Fail
2.4
Fail
2.8
Fail
2.2
Fail
—
1.2
Fail
5.1
AA
6.1
AA
1.8
Fail
1.2
Fail
—
4.3
AA Large
5.1
AA
2.4
Fail
5.1
AA
4.3
AA Large
—
1.2
Fail
2.8
Fail
6.1
AA
5.1
AA
1.2
Fail
—
White BG
2.7Fail
1.3Fail
1.5Fail
6.5AA
7.7AAA
Black BG
7.7AAA
16.7AAA
14.0AAA
3.2AA Large
2.7Fail

Color Blindness Simulation Color Blindness Simulation

Protanopia

ACAC6D
F2F1A8
C0C0C8
707047
555548

Deuteranopia

AEB170
F3F5AD
BDB9C9
747847
565649

Tritanopia

BB777A
FBB7BB
ABCDCF
884849
574B4C

Achromatopsia

9C9C9C
E2E2E2
CBCBCB
5F5F5F
535353

Shades & Tints Shades & Tints

#BD9660

Dark
Light

#FCE495

Dark
Light

#A8DFC0

Dark
Light

Code Snippets Code Snippets

CSS Custom Properties

:root {
  --color-1: #bd9660;
  --color-2: #fce495;
  --color-3: #a8dfc0;
  --color-4: #8b4d45;
  --color-5: #575345;
}

SCSS

$color-1: #bd9660;
$color-2: #fce495;
$color-3: #a8dfc0;
$color-4: #8b4d45;
$color-5: #575345;

TAILWIND

colors: {
  'brand-1': '#bd9660',
  'brand-2': '#fce495',
  'brand-3': '#a8dfc0',
  'brand-4': '#8b4d45',
  'brand-5': '#575345',
}

RGB Array

[189, 150, 96], [252, 228, 149], [168, 223, 192], [139, 77, 69], [87, 83, 69]

FAQ FAQ

What scenarios is this 5-color palette suitable for?

This general-style palette of #BD9660, #FCE495, #A8DFC0, #8B4D45, #575345 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: #bd9660; --color-2: #fce495; --color-3: #a8dfc0; --color-4: #8b4d45; --color-5: #575345. 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