← Back to Editor

#635D41 · #D9D0B8 · #F8FFC7 · #87083F · #A6AA92

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

#635D41

Ochre · DarkOliveGreen · Honey Gold

HEX
#635D41
RGB
rgb(99, 93, 65)
HSL
hsl(49, 21%, 32%)
HSB
hsb(49, 34%, 39%)
CMYK
cmyk(0%, 6%, 34%, 61%)
Oklch
oklch(47.6% 0.043 97.5)

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

#D9D0B8

Goose Yellow · LightGray · Lemon Cream

HEX
#D9D0B8
RGB
rgb(217, 208, 184)
HSL
hsl(44, 30%, 79%)
HSB
hsb(44, 15%, 85%)
CMYK
cmyk(0%, 4%, 15%, 15%)
Oklch
oklch(85.8% 0.034 89.9)

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

#F8FFC7

Fresh Green · Beige · Lemon Cream

HEX
#F8FFC7
RGB
rgb(248, 255, 199)
HSL
hsl(68, 100%, 89%)
HSB
hsb(68, 22%, 100%)
CMYK
cmyk(3%, 0%, 22%, 0%)
Oklch
oklch(98.1% 0.072 113.5)

Traditional「Fresh Green」· Paint「Lemon Cream」· Creative Lemon Fizz

#87083F

Dark Violet · Brown · Camellia

HEX
#87083F
RGB
rgb(135, 8, 63)
HSL
hsl(334, 89%, 28%)
HSB
hsb(334, 94%, 53%)
CMYK
cmyk(0%, 94%, 53%, 47%)
Oklch
oklch(40.5% 0.158 4.1)

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

#A6AA92

Willow Green · DarkGray · Apple Green

HEX
#A6AA92
RGB
rgb(166, 170, 146)
HSL
hsl(70, 12%, 62%)
HSB
hsb(70, 14%, 67%)
CMYK
cmyk(2%, 0%, 14%, 33%)
Oklch
oklch(72.8% 0.034 114.9)

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

Color Harmonies Color Harmonies

Based on color wheel theory, calculated from primary color

Complementary

635D41
404763

Analogous

634B40
635D41
586340

Triadic

635D41
40635C
5C4063

Split-Comp.

635D41
405863
4B4063

Tetradic

635D41
40634B
404763
634058

Contrast Matrix WCAG 2.1 Contrast

635D41
D9D0B8
F8FFC7
87083F
A6AA92
—
4.3
AA Large
6.3
AA
1.5
Fail
2.8
Fail
4.3
AA Large
—
1.5
Fail
6.4
AA
1.6
Fail
6.3
AA
1.5
Fail
—
9.4
AAA
2.3
Fail
1.5
Fail
6.4
AA
9.4
AAA
—
4.1
AA Large
2.8
Fail
1.6
Fail
2.3
Fail
4.1
AA Large
—
White BG
6.6AA
1.5Fail
1.0Fail
9.8AAA
2.4Fail
Black BG
3.2AA Large
13.7AAA
20.1AAA
2.1Fail
8.8AAA

Color Blindness Simulation Color Blindness Simulation

Protanopia

606048
D5D5BE
FBFBD5
504F32
A8A898

Deuteranopia

616149
D6D6BF
FBFAD8
57612E
A8A799

Tritanopia

634D4E
D9C2C3
F8DFE2
812725
A69C9D

Achromatopsia

5C5C5C
D0D0D0
F7F7F7
343434
A6A6A6

Shades & Tints Shades & Tints

#635D41

Dark
Light

#D9D0B8

Dark
Light

#F8FFC7

Dark
Light

Code Snippets Code Snippets

CSS Custom Properties

:root {
  --color-1: #635d41;
  --color-2: #d9d0b8;
  --color-3: #f8ffc7;
  --color-4: #87083f;
  --color-5: #a6aa92;
}

SCSS

$color-1: #635d41;
$color-2: #d9d0b8;
$color-3: #f8ffc7;
$color-4: #87083f;
$color-5: #a6aa92;

TAILWIND

colors: {
  'brand-1': '#635d41',
  'brand-2': '#d9d0b8',
  'brand-3': '#f8ffc7',
  'brand-4': '#87083f',
  'brand-5': '#a6aa92',
}

RGB Array

[99, 93, 65], [217, 208, 184], [248, 255, 199], [135, 8, 63], [166, 170, 146]

FAQ FAQ

What scenarios is this 5-color palette suitable for?

This general-style palette of #635D41, #D9D0B8, #F8FFC7, #87083F, #A6AA92 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: #635d41; --color-2: #d9d0b8; --color-3: #f8ffc7; --color-4: #87083f; --color-5: #a6aa92. 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