← Back to Editor

#86929E · #ECE6E6 · #B4B746 · #CACE9B · #595240

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

#86929E

Azure · LightSlateGray · Navy Blue

HEX
#86929E
RGB
rgb(134, 146, 158)
HSL
hsl(210, 11%, 57%)
HSB
hsb(210, 15%, 62%)
CMYK
cmyk(15%, 8%, 0%, 38%)
Oklch
oklch(65.4% 0.023 248.2)

Traditional「Azure」· Paint「Navy Blue」· Creative Blush Sunrise

#ECE6E6

Peach Pink · Linen · Cherry Blossom

HEX
#ECE6E6
RGB
rgb(236, 230, 230)
HSL
hsl(0, 14%, 91%)
HSB
hsb(0, 3%, 93%)
CMYK
cmyk(0%, 3%, 3%, 7%)
Oklch
oklch(93.0% 0.007 17.3)

Traditional「Peach Pink」· Paint「Cherry Blossom」· Creative Blush Sunrise

#B4B746

Autumn Sage · GoldenRod · Honey Gold

HEX
#B4B746
RGB
rgb(180, 183, 70)
HSL
hsl(62, 45%, 50%)
HSB
hsb(62, 62%, 72%)
CMYK
cmyk(2%, 0%, 62%, 28%)
Oklch
oklch(75.5% 0.135 110.7)

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

#CACE9B

Fresh Green · Tan · Sunflower

HEX
#CACE9B
RGB
rgb(202, 206, 155)
HSL
hsl(65, 34%, 71%)
HSB
hsb(65, 25%, 81%)
CMYK
cmyk(2%, 0%, 25%, 19%)
Oklch
oklch(83.6% 0.068 111.5)

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

#595240

Ochre · DarkOliveGreen · Honey Gold

HEX
#595240
RGB
rgb(89, 82, 64)
HSL
hsl(43, 16%, 30%)
HSB
hsb(43, 28%, 35%)
CMYK
cmyk(0%, 8%, 28%, 65%)
Oklch
oklch(44.0% 0.030 89.3)

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

Color Harmonies Color Harmonies

Based on color wheel theory, calculated from primary color

Complementary

86929E
9D9185

Analogous

859D9D
86929E
85859D

Triadic

86929E
9D8591
919D85

Split-Comp.

86929E
9D8585
9D9D85

Tetradic

86929E
9D859D
9D9185
859D85

Contrast Matrix WCAG 2.1 Contrast

86929E
ECE6E6
B4B746
CACE9B
595240
—
2.6
Fail
1.5
Fail
1.9
Fail
2.4
Fail
2.6
Fail
—
1.7
Fail
1.3
Fail
6.3
AA
1.5
Fail
1.7
Fail
—
1.3
Fail
3.6
AA Large
1.9
Fail
1.3
Fail
1.3
Fail
—
4.7
AA
2.4
Fail
6.3
AA
3.6
AA Large
4.7
AA
—
White BG
3.2AA Large
1.2Fail
2.1Fail
1.6Fail
7.8AAA
Black BG
6.6AA
17.0AAA
9.8AAA
12.8AAA
2.7Fail

Color Blindness Simulation Color Blindness Simulation

Protanopia

8B8B9B
E9E9E6
B5B561
CCCCA7
565644

Deuteranopia

8B8A9A
EAEAE6
B5B568
CCCBAA
565745

Tritanopia

879998
ECE6E6
B4777C
CAB1B3
594849

Achromatopsia

909090
E8E8E8
A9A9A9
C7C7C7
525252

Shades & Tints Shades & Tints

#86929E

Dark
Light

#ECE6E6

Dark
Light

#B4B746

Dark
Light

Code Snippets Code Snippets

CSS Custom Properties

:root {
  --color-1: #86929e;
  --color-2: #ece6e6;
  --color-3: #b4b746;
  --color-4: #cace9b;
  --color-5: #595240;
}

SCSS

$color-1: #86929e;
$color-2: #ece6e6;
$color-3: #b4b746;
$color-4: #cace9b;
$color-5: #595240;

TAILWIND

colors: {
  'brand-1': '#86929e',
  'brand-2': '#ece6e6',
  'brand-3': '#b4b746',
  'brand-4': '#cace9b',
  'brand-5': '#595240',
}

RGB Array

[134, 146, 158], [236, 230, 230], [180, 183, 70], [202, 206, 155], [89, 82, 64]

FAQ FAQ

What scenarios is this 5-color palette suitable for?

This general-style palette of #86929E, #ECE6E6, #B4B746, #CACE9B, #595240 is ideal for: brand design, premium product pages, magazine layouts, infographics, data visualization, accessible design. Low-saturation colors convey a sophisticated, premium feel. High contrast ensures clear visual hierarchy and readability. 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: #86929e; --color-2: #ece6e6; --color-3: #b4b746; --color-4: #cace9b; --color-5: #595240. 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. 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