← Back to Editor

#91875A · #571407 · #C9B00E · #D6D0A1 · #28A5B5

A 5-color palette palette · Complete color analysis and application guide

Scene Recommendations Scene Recommendations

Emotion EMOTION

HarmoniousVersatileWarmCool

Industry INDUSTRY

E-commerceBusiness

UI Context UI CONTEXT

Web PageComponent LibraryData Visualization

Color Details Color Details

#91875A

Ochre · Gray · Honey Gold

HEX
#91875A
RGB
rgb(145, 135, 90)
HSL
hsl(49, 23%, 46%)
HSB
hsb(49, 38%, 57%)
CMYK
cmyk(0%, 7%, 38%, 43%)
Oklch
oklch(62.1% 0.064 97.2)

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

#571407

Vermilion · Maroon · Deep Berry

HEX
#571407
RGB
rgb(87, 20, 7)
HSL
hsl(10, 85%, 18%)
HSB
hsb(10, 92%, 34%)
CMYK
cmyk(0%, 77%, 92%, 66%)
Oklch
oklch(30.6% 0.101 33.0)

Traditional「Vermilion」· Paint「Deep Berry」· Creative Blush Sunrise

#C9B00E

Autumn Sage · GoldenRod · Honey Gold

HEX
#C9B00E
RGB
rgb(201, 176, 14)
HSL
hsl(52, 87%, 42%)
HSB
hsb(52, 93%, 79%)
CMYK
cmyk(0%, 12%, 93%, 21%)
Oklch
oklch(75.6% 0.154 98.8)

Traditional「Autumn Sage」· Paint「Honey Gold」· Creative Blush Sunrise

#D6D0A1

Fresh Green · Tan · Sunflower

HEX
#D6D0A1
RGB
rgb(214, 208, 161)
HSL
hsl(53, 39%, 74%)
HSB
hsb(53, 25%, 84%)
CMYK
cmyk(0%, 3%, 25%, 16%)
Oklch
oklch(85.1% 0.062 101.5)

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

#28A5B5

Lake Blue · LightSeaGreen · Mint Ice

HEX
#28A5B5
RGB
rgb(40, 165, 181)
HSL
hsl(187, 64%, 43%)
HSB
hsb(187, 78%, 71%)
CMYK
cmyk(78%, 9%, 0%, 29%)
Oklch
oklch(66.4% 0.105 208.0)

Traditional「Lake Blue」· Paint「Mint Ice」· Creative Blush Sunrise

Color Harmonies Color Harmonies

Based on color wheel theory, calculated from primary color

Complementary

91875A
5A6490

Analogous

906B5A
91875A
7F905A

Triadic

91875A
5A9086
865A90

Split-Comp.

91875A
5A7F90
6B5A90

Tetradic

91875A
5A906B
5A6490
905A7F

Contrast Matrix WCAG 2.1 Contrast

91875A
571407
C9B00E
D6D0A1
28A5B5
—
3.9
AA Large
1.7
Fail
2.3
Fail
1.2
Fail
3.9
AA Large
—
6.4
AA
8.9
AAA
4.7
AA
1.7
Fail
6.4
AA
—
1.4
Fail
1.4
Fail
2.3
Fail
8.9
AAA
1.4
Fail
—
1.9
Fail
1.2
Fail
4.7
AA
1.4
Fail
1.9
Fail
—
White BG
3.6AA Large
13.9AAA
2.2Fail
1.6Fail
2.9Fail
Black BG
5.8AA
1.5Fail
9.7AAA
13.4AAA
7.1AAA

Color Blindness Simulation Color Blindness Simulation

Protanopia

8D8D65
3A390A
BEBE35
D3D3AC
5E5FB1

Deuteranopia

8D8E68
3E430B
C0C23F
D4D4AF
574EB0

Tritanopia

916D6F
540D0D
C8545B
D6B5B7
2EAEAD

Achromatopsia

858585
272727
A5A5A5
CCCCCC
818181

Shades & Tints Shades & Tints

#91875A

Dark
Light

#571407

Dark
Light

#C9B00E

Dark
Light

Code Snippets Code Snippets

CSS Custom Properties

:root {
  --color-1: #91875a;
  --color-2: #571407;
  --color-3: #c9b00e;
  --color-4: #d6d0a1;
  --color-5: #28a5b5;
}

SCSS

$color-1: #91875a;
$color-2: #571407;
$color-3: #c9b00e;
$color-4: #d6d0a1;
$color-5: #28a5b5;

TAILWIND

colors: {
  'brand-1': '#91875a',
  'brand-2': '#571407',
  'brand-3': '#c9b00e',
  'brand-4': '#d6d0a1',
  'brand-5': '#28a5b5',
}

RGB Array

[145, 135, 90], [87, 20, 7], [201, 176, 14], [214, 208, 161], [40, 165, 181]

FAQ FAQ

What scenarios is this 5-color palette suitable for?

This general-style palette of #91875A, #571407, #C9B00E, #D6D0A1, #28A5B5 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: #91875a; --color-2: #571407; --color-3: #c9b00e; --color-4: #d6d0a1; --color-5: #28a5b5. 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