← Back to Editor

#91966D · #694D42 · #561A1A · #E1C4A6 · #FADDBB

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

#91966D

Autumn Sage · Gray · Sunflower

HEX
#91966D
RGB
rgb(145, 150, 109)
HSL
hsl(67, 16%, 51%)
HSB
hsb(67, 27%, 59%)
CMYK
cmyk(3%, 0%, 27%, 41%)
Oklch
oklch(65.8% 0.058 113.7)

Traditional「Autumn Sage」· Paint「Sunflower」· Creative Blush Sunrise

#694D42

Tangerine · DarkOliveGreen · Amber Brown

HEX
#694D42
RGB
rgb(105, 77, 66)
HSL
hsl(17, 23%, 34%)
HSB
hsb(17, 37%, 41%)
CMYK
cmyk(0%, 27%, 37%, 59%)
Oklch
oklch(44.7% 0.042 42.4)

Traditional「Tangerine」· Paint「Amber Brown」· Creative Blush Sunrise

#561A1A

Crimson · Maroon · Wine Red

HEX
#561A1A
RGB
rgb(86, 26, 26)
HSL
hsl(0, 54%, 22%)
HSB
hsb(0, 70%, 34%)
CMYK
cmyk(0%, 70%, 70%, 66%)
Oklch
oklch(31.4% 0.089 23.8)

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

#E1C4A6

Goose Yellow · BurlyWood · Peach Orange

HEX
#E1C4A6
RGB
rgb(225, 196, 166)
HSL
hsl(31, 50%, 77%)
HSB
hsb(31, 26%, 88%)
CMYK
cmyk(0%, 13%, 26%, 12%)
Oklch
oklch(83.7% 0.052 68.0)

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

#FADDBB

Goose Yellow · Wheat · Peach Orange

HEX
#FADDBB
RGB
rgb(250, 221, 187)
HSL
hsl(32, 86%, 86%)
HSB
hsb(32, 25%, 98%)
CMYK
cmyk(0%, 12%, 25%, 2%)
Oklch
oklch(91.3% 0.055 71.5)

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

Color Harmonies Color Harmonies

Based on color wheel theory, calculated from primary color

Complementary

91966D
736E96

Analogous

96876E
91966D
7D966E

Triadic

91966D
6E9196
966E91

Split-Comp.

91966D
6E7D96
876E96

Tetradic

91966D
6E9687
736E96
966E7D

Contrast Matrix WCAG 2.1 Contrast

91966D
694D42
561A1A
E1C4A6
FADDBB
—
2.5
Fail
4.4
AA Large
1.9
Fail
2.4
Fail
2.5
Fail
—
1.8
Fail
4.6
AA
5.9
AA
4.4
AA Large
1.8
Fail
—
8.1
AAA
10.3
AAA
1.9
Fail
4.6
AA
8.1
AAA
—
1.3
Fail
2.4
Fail
5.9
AA
10.3
AAA
1.3
Fail
—
White BG
3.1AA Large
7.7AAA
13.5AAA
1.7Fail
1.3Fail
Black BG
6.8AA
2.7Fail
1.6Fail
12.6AAA
16.1AAA

Color Blindness Simulation Color Blindness Simulation

Protanopia

939377
5D5D45
3C3B1A
D4D4AD
EDEDC3

Deuteranopia

939379
5F6145
40441A
D6D8AF
EFF1C5

Tritanopia

917F80
684747
531A1A
E0B3B4
F9CACB

Achromatopsia

909090
545454
2C2C2C
C9C9C9
E2E2E2

Shades & Tints Shades & Tints

#91966D

Dark
Light

#694D42

Dark
Light

#561A1A

Dark
Light

Code Snippets Code Snippets

CSS Custom Properties

:root {
  --color-1: #91966d;
  --color-2: #694d42;
  --color-3: #561a1a;
  --color-4: #e1c4a6;
  --color-5: #faddbb;
}

SCSS

$color-1: #91966d;
$color-2: #694d42;
$color-3: #561a1a;
$color-4: #e1c4a6;
$color-5: #faddbb;

TAILWIND

colors: {
  'brand-1': '#91966d',
  'brand-2': '#694d42',
  'brand-3': '#561a1a',
  'brand-4': '#e1c4a6',
  'brand-5': '#faddbb',
}

RGB Array

[145, 150, 109], [105, 77, 66], [86, 26, 26], [225, 196, 166], [250, 221, 187]

FAQ FAQ

What scenarios is this 5-color palette suitable for?

This general-style palette of #91966D, #694D42, #561A1A, #E1C4A6, #FADDBB 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: #91966d; --color-2: #694d42; --color-3: #561a1a; --color-4: #e1c4a6; --color-5: #faddbb. 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