← Back to Editor

#80755D · #948156 · #B09A68 · #D1C5A7 · #90ACB0

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 Library

Color Details Color Details

#80755D

Ochre · DimGray · Honey Gold

HEX
#80755D
RGB
rgb(128, 117, 93)
HSL
hsl(41, 16%, 43%)
HSB
hsb(41, 27%, 50%)
CMYK
cmyk(0%, 9%, 27%, 50%)
Oklch
oklch(56.6% 0.038 86.3)

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

#948156

Ochre · Gray · Honey Gold

HEX
#948156
RGB
rgb(148, 129, 86)
HSL
hsl(42, 26%, 46%)
HSB
hsb(42, 42%, 58%)
CMYK
cmyk(0%, 13%, 42%, 42%)
Oklch
oklch(61.0% 0.064 86.7)

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

#B09A68

Ginger · Tan · Sunflower

HEX
#B09A68
RGB
rgb(176, 154, 104)
HSL
hsl(42, 31%, 55%)
HSB
hsb(42, 41%, 69%)
CMYK
cmyk(0%, 13%, 41%, 31%)
Oklch
oklch(69.4% 0.072 86.8)

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

#D1C5A7

Goose Yellow · Silver · Sunflower

HEX
#D1C5A7
RGB
rgb(209, 197, 167)
HSL
hsl(43, 31%, 74%)
HSB
hsb(43, 20%, 82%)
CMYK
cmyk(0%, 6%, 20%, 18%)
Oklch
oklch(82.5% 0.043 88.8)

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

#90ACB0

Sky Blue · DarkGray · Lake Green

HEX
#90ACB0
RGB
rgb(144, 172, 176)
HSL
hsl(187, 17%, 63%)
HSB
hsb(187, 18%, 69%)
CMYK
cmyk(18%, 2%, 0%, 31%)
Oklch
oklch(72.5% 0.031 207.0)

Traditional「Sky Blue」· Paint「Lake Green」· Creative Arctic Pool

Color Harmonies Color Harmonies

Based on color wheel theory, calculated from primary color

Complementary

80755D
5C677F

Analogous

7F635C
80755D
797F5C

Triadic

80755D
5C7F74
745C7F

Split-Comp.

80755D
5C797F
635C7F

Tetradic

80755D
5C7F63
5C677F
7F5C79

Contrast Matrix WCAG 2.1 Contrast

80755D
948156
B09A68
D1C5A7
90ACB0
—
1.2
Fail
1.7
Fail
2.7
Fail
1.9
Fail
1.2
Fail
—
1.4
Fail
2.2
Fail
1.6
Fail
1.7
Fail
1.4
Fail
—
1.6
Fail
1.1
Fail
2.7
Fail
2.2
Fail
1.6
Fail
—
1.4
Fail
1.9
Fail
1.6
Fail
1.1
Fail
1.4
Fail
—
White BG
4.5AA
3.8AA Large
2.7Fail
1.7Fail
2.4Fail
Black BG
4.6AA
5.5AA
7.7AAA
12.3AAA
8.7AAA

Color Blindness Simulation Color Blindness Simulation

Protanopia

7B7B63
8C8C60
A6A674
CCCCAE
9C9CAF

Deuteranopia

7C7D64
8D8E63
A8A977
CDCDB0
9B98AF

Tritanopia

7F6768
93696A
AF7E80
D0B4B5
91AEAE

Achromatopsia

767676
828282
9B9B9B
C5C5C5
A4A4A4

Shades & Tints Shades & Tints

#80755D

Dark
Light

#948156

Dark
Light

#B09A68

Dark
Light

Code Snippets Code Snippets

CSS Custom Properties

:root {
  --color-1: #80755d;
  --color-2: #948156;
  --color-3: #b09a68;
  --color-4: #d1c5a7;
  --color-5: #90acb0;
}

SCSS

$color-1: #80755d;
$color-2: #948156;
$color-3: #b09a68;
$color-4: #d1c5a7;
$color-5: #90acb0;

TAILWIND

colors: {
  'brand-1': '#80755d',
  'brand-2': '#948156',
  'brand-3': '#b09a68',
  'brand-4': '#d1c5a7',
  'brand-5': '#90acb0',
}

RGB Array

[128, 117, 93], [148, 129, 86], [176, 154, 104], [209, 197, 167], [144, 172, 176]

FAQ FAQ

What scenarios is this 5-color palette suitable for?

This general-style palette of #80755D, #948156, #B09A68, #D1C5A7, #90ACB0 is ideal for: brand design, premium product pages, magazine layouts. Low-saturation colors convey a sophisticated, premium feel. It is a classic and elegant choice among 5-color palettes.

How to use this palette in CSS or frontend projects?

Copy the CSS variables directly: --color-1: #80755d; --color-2: #948156; --color-3: #b09a68; --color-4: #d1c5a7; --color-5: #90acb0. 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. 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. Restrained colors convey professionalism and trust. 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