← Back to Editor

#FAE7D1 · #B5AA7B · #808080 · #9E396F · #35242D

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

#FAE7D1

Goose Yellow · Bisque · Peach Orange

HEX
#FAE7D1
RGB
rgb(250, 231, 209)
HSL
hsl(32, 80%, 90%)
HSB
hsb(32, 16%, 98%)
CMYK
cmyk(0%, 8%, 16%, 2%)
Oklch
oklch(93.7% 0.036 71.4)

Traditional「Goose Yellow」· Paint「Peach Orange」· Creative Honey Glow

#B5AA7B

Ginger · Tan · Sunflower

HEX
#B5AA7B
RGB
rgb(181, 170, 123)
HSL
hsl(49, 28%, 60%)
HSB
hsb(49, 32%, 71%)
CMYK
cmyk(0%, 6%, 32%, 29%)
Oklch
oklch(73.6% 0.065 96.5)

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

#808080

Ink Gray · Gray · Warm Gray

HEX
#808080
RGB
rgb(128, 128, 128)
HSL
hsl(0, 0%, 50%)
HSB
hsb(0, 0%, 50%)
CMYK
cmyk(0%, 0%, 0%, 50%)
Oklch
oklch(60.0% 0.000 89.9)

Traditional「Ink Gray」· Paint「Warm Gray」· Creative Urban Concrete

#9E396F

Rose Purple · MediumVioletRed · Camellia

HEX
#9E396F
RGB
rgb(158, 57, 111)
HSL
hsl(328, 47%, 42%)
HSB
hsb(328, 64%, 62%)
CMYK
cmyk(0%, 64%, 30%, 38%)
Oklch
oklch(50.3% 0.146 350.5)

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

#35242D

Rose Purple · DarkSlateGray · Raspberry

HEX
#35242D
RGB
rgb(53, 36, 45)
HSL
hsl(328, 19%, 17%)
HSB
hsb(328, 32%, 21%)
CMYK
cmyk(0%, 32%, 15%, 79%)
Oklch
oklch(28.4% 0.030 346.1)

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

Color Harmonies Color Harmonies

Based on color wheel theory, calculated from primary color

Complementary

FAE7D1
D1E4FA

Analogous

FAD2D1
FAE7D1
F9FAD1

Triadic

FAE7D1
D1FAE7
E7D1FA

Split-Comp.

FAE7D1
D1F9FA
D2D1FA

Tetradic

FAE7D1
D1FAD2
D1E4FA
FAD1F9

Contrast Matrix WCAG 2.1 Contrast

FAE7D1
B5AA7B
808080
9E396F
35242D
—
1.9
Fail
3.3
AA Large
5.3
AA
12.1
AAA
1.9
Fail
—
1.7
Fail
2.8
Fail
6.2
AA
3.3
AA Large
1.7
Fail
—
1.6
Fail
3.7
AA Large
5.3
AA
2.8
Fail
1.6
Fail
—
2.3
Fail
12.1
AAA
6.2
AA
3.7
AA Large
2.3
Fail
—
White BG
1.2Fail
2.3Fail
3.9AA Large
6.4AA
14.6AAA
Black BG
17.4AAA
9.0AAA
5.3AA
3.3AA Large
1.4Fail

Color Blindness Simulation Color Blindness Simulation

Protanopia

F2F2D6
B0B086
808080
727162
2E2D2B

Deuteranopia

F3F4D8
B1B289
808080
78805F
2F302A

Tritanopia

F9DBDB
B48F91
808080
995855
342929

Achromatopsia

EAEAEA
A8A8A8
808080
5D5D5D
2A2A2A

Shades & Tints Shades & Tints

#FAE7D1

Dark
Light

#B5AA7B

Dark
Light

#808080

Dark
Light

Code Snippets Code Snippets

CSS Custom Properties

:root {
  --color-1: #fae7d1;
  --color-2: #b5aa7b;
  --color-3: #808080;
  --color-4: #9e396f;
  --color-5: #35242d;
}

SCSS

$color-1: #fae7d1;
$color-2: #b5aa7b;
$color-3: #808080;
$color-4: #9e396f;
$color-5: #35242d;

TAILWIND

colors: {
  'brand-1': '#fae7d1',
  'brand-2': '#b5aa7b',
  'brand-3': '#808080',
  'brand-4': '#9e396f',
  'brand-5': '#35242d',
}

RGB Array

[250, 231, 209], [181, 170, 123], [128, 128, 128], [158, 57, 111], [53, 36, 45]

FAQ FAQ

What scenarios is this 5-color palette suitable for?

This general-style palette of #FAE7D1, #B5AA7B, #808080, #9E396F, #35242D 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: #fae7d1; --color-2: #b5aa7b; --color-3: #808080; --color-4: #9e396f; --color-5: #35242d. 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