← Back to Editor

#75636F · #F5F0DC · #E9D1B7 · #D3A198 · #60293E

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

#75636F

Rose Purple · DimGray · Warm Gray

HEX
#75636F
RGB
rgb(117, 99, 111)
HSL
hsl(320, 8%, 42%)
HSB
hsb(320, 15%, 46%)
CMYK
cmyk(0%, 15%, 5%, 54%)
Oklch
oklch(52.1% 0.029 338.4)

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

#F5F0DC

Goose Yellow · Beige · Lemon Cream

HEX
#F5F0DC
RGB
rgb(245, 240, 220)
HSL
hsl(48, 56%, 91%)
HSB
hsb(48, 10%, 96%)
CMYK
cmyk(0%, 2%, 10%, 4%)
Oklch
oklch(95.4% 0.027 95.3)

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

#E9D1B7

Goose Yellow · Wheat · Peach Orange

HEX
#E9D1B7
RGB
rgb(233, 209, 183)
HSL
hsl(31, 53%, 82%)
HSB
hsb(31, 21%, 91%)
CMYK
cmyk(0%, 10%, 21%, 9%)
Oklch
oklch(87.4% 0.044 69.4)

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

#D3A198

Peach Pink · Tan · Coral Red

HEX
#D3A198
RGB
rgb(211, 161, 152)
HSL
hsl(9, 40%, 71%)
HSB
hsb(9, 28%, 83%)
CMYK
cmyk(0%, 24%, 28%, 17%)
Oklch
oklch(75.3% 0.061 30.2)

Traditional「Peach Pink」· Paint「Coral Red」· Creative Blush Sunrise

#60293E

Dark Violet · DarkSlateGray · Camellia

HEX
#60293E
RGB
rgb(96, 41, 62)
HSL
hsl(337, 40%, 27%)
HSB
hsb(337, 57%, 38%)
CMYK
cmyk(0%, 57%, 35%, 62%)
Oklch
oklch(36.4% 0.084 358.0)

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

Color Harmonies Color Harmonies

Based on color wheel theory, calculated from primary color

Complementary

75636F
637468

Analogous

716374
75636F
746365

Triadic

75636F
6E7463
636E74

Split-Comp.

75636F
657463
637471

Tetradic

75636F
747163
637468
636574

Contrast Matrix WCAG 2.1 Contrast

75636F
F5F0DC
E9D1B7
D3A198
60293E
—
4.9
AA
3.8
AA Large
2.5
Fail
2.0
Fail
4.9
AA
—
1.3
Fail
2.0
Fail
9.8
AAA
3.8
AA Large
1.3
Fail
—
1.5
Fail
7.6
AAA
2.5
Fail
2.0
Fail
1.5
Fail
—
4.9
AA
2.0
Fail
9.8
AAA
7.6
AAA
4.9
AA
—
White BG
5.6AA
1.1Fail
1.5Fail
2.3Fail
11.1AAA
Black BG
3.8AA Large
18.4AAA
14.3AAA
9.3AAA
1.9Fail

Color Blindness Simulation Color Blindness Simulation

Protanopia

6D6D6C
F3F3E1
DFDEBD
BDBD9A
484839

Deuteranopia

6E706B
F3F4E2
E0E2BF
C0C49B
4B4F38

Tritanopia

746A69
F5E5E6
E8C2C3
D19C9C
5D3534

Achromatopsia

6A6A6A
EFEFEF
D5D5D5
AFAFAF
3C3C3C

Shades & Tints Shades & Tints

#75636F

Dark
Light

#F5F0DC

Dark
Light

#E9D1B7

Dark
Light

Code Snippets Code Snippets

CSS Custom Properties

:root {
  --color-1: #75636f;
  --color-2: #f5f0dc;
  --color-3: #e9d1b7;
  --color-4: #d3a198;
  --color-5: #60293e;
}

SCSS

$color-1: #75636f;
$color-2: #f5f0dc;
$color-3: #e9d1b7;
$color-4: #d3a198;
$color-5: #60293e;

TAILWIND

colors: {
  'brand-1': '#75636f',
  'brand-2': '#f5f0dc',
  'brand-3': '#e9d1b7',
  'brand-4': '#d3a198',
  'brand-5': '#60293e',
}

RGB Array

[117, 99, 111], [245, 240, 220], [233, 209, 183], [211, 161, 152], [96, 41, 62]

FAQ FAQ

What scenarios is this 5-color palette suitable for?

This general-style palette of #75636F, #F5F0DC, #E9D1B7, #D3A198, #60293E 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: #75636f; --color-2: #f5f0dc; --color-3: #e9d1b7; --color-4: #d3a198; --color-5: #60293e. 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