← Back to Editor

#AEB382 · #88977C · #586359 · #192028 · #2A323C

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

Scene Recommendations Scene Recommendations

Emotion EMOTION

ProfoundPremiumCool

Industry INDUSTRY

FinanceLuxury

UI Context UI CONTEXT

Dark ThemeCorporateData Visualization

Color Details Color Details

#AEB382

Fresh Green · DarkSeaGreen · Sunflower

HEX
#AEB382
RGB
rgb(174, 179, 130)
HSL
hsl(66, 24%, 61%)
HSB
hsb(66, 27%, 70%)
CMYK
cmyk(3%, 0%, 27%, 30%)
Oklch
oklch(75.0% 0.067 112.8)

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

#88977C

Celadon · Gray · Olive Green

HEX
#88977C
RGB
rgb(136, 151, 124)
HSL
hsl(93, 11%, 54%)
HSB
hsb(93, 18%, 59%)
CMYK
cmyk(10%, 0%, 18%, 41%)
Oklch
oklch(65.7% 0.043 131.3)

Traditional「Celadon」· Paint「Olive Green」· Creative Blush Sunrise

#586359

Ink Gray · DimGray · Charcoal

HEX
#586359
RGB
rgb(88, 99, 89)
HSL
hsl(125, 6%, 37%)
HSB
hsb(125, 11%, 39%)
CMYK
cmyk(11%, 0%, 10%, 61%)
Oklch
oklch(48.7% 0.021 147.8)

Traditional「Ink Gray」· Paint「Charcoal」· Creative Midnight Shadow

#192028

Indigo · Black · Deep Sea Blue

HEX
#192028
RGB
rgb(25, 32, 40)
HSL
hsl(212, 23%, 13%)
HSB
hsb(212, 38%, 16%)
CMYK
cmyk(38%, 20%, 0%, 84%)
Oklch
oklch(24.0% 0.019 252.0)

Traditional「Indigo」· Paint「Deep Sea Blue」· Creative Blush Sunrise

#2A323C

Indigo · DarkSlateGray · Deep Sea Blue

HEX
#2A323C
RGB
rgb(42, 50, 60)
HSL
hsl(213, 18%, 20%)
HSB
hsb(213, 30%, 24%)
CMYK
cmyk(30%, 17%, 0%, 76%)
Oklch
oklch(31.4% 0.021 254.1)

Traditional「Indigo」· Paint「Deep Sea Blue」· Creative Blush Sunrise

Color Harmonies Color Harmonies

Based on color wheel theory, calculated from primary color

Complementary

AEB382
8884B3

Analogous

B3A084
AEB382
97B384

Triadic

AEB382
84AFB3
B384AF

Split-Comp.

AEB382
8497B3
A084B3

Tetradic

AEB382
84B3A0
8884B3
B38497

Contrast Matrix WCAG 2.1 Contrast

AEB382
88977C
586359
192028
2A323C
—
1.4
Fail
2.9
Fail
7.5
AAA
5.9
AA
1.4
Fail
—
2.0
Fail
5.3
AA
4.2
AA Large
2.9
Fail
2.0
Fail
—
2.6
Fail
2.1
Fail
7.5
AAA
5.3
AA
2.6
Fail
—
1.3
Fail
5.9
AA
4.2
AA Large
2.1
Fail
1.3
Fail
—
White BG
2.2Fail
3.1AA Large
6.3AA
16.4AAA
13.0AAA
Black BG
9.6AAA
6.8AA
3.3AA Large
1.3Fail
1.6Fail

Color Blindness Simulation Color Blindness Simulation

Protanopia

B0B08E
8E8F83
5D5D5B
1C1C26
2D2E3A

Deuteranopia

B0B091
8E8D84
5C5B5C
1C1B26
2D2C39

Tritanopia

AE9799
898889
595D5E
192524
2A3837

Achromatopsia

ACACAC
8F8F8F
5F5F5F
1F1F1F
313131

Shades & Tints Shades & Tints

#AEB382

Dark
Light

#88977C

Dark
Light

#586359

Dark
Light

Code Snippets Code Snippets

CSS Custom Properties

:root {
  --color-1: #aeb382;
  --color-2: #88977c;
  --color-3: #586359;
  --color-4: #192028;
  --color-5: #2a323c;
}

SCSS

$color-1: #aeb382;
$color-2: #88977c;
$color-3: #586359;
$color-4: #192028;
$color-5: #2a323c;

TAILWIND

colors: {
  'brand-1': '#aeb382',
  'brand-2': '#88977c',
  'brand-3': '#586359',
  'brand-4': '#192028',
  'brand-5': '#2a323c',
}

RGB Array

[174, 179, 130], [136, 151, 124], [88, 99, 89], [25, 32, 40], [42, 50, 60]

FAQ FAQ

What scenarios is this 5-color palette suitable for?

This general-style palette of #AEB382, #88977C, #586359, #192028, #2A323C is ideal for: brand design, premium product pages, magazine layouts, tech websites, dark mode UIs, game UIs, 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: #aeb382; --color-2: #88977c; --color-3: #586359; --color-4: #192028; --color-5: #2a323c. 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?

Dark tones work well as backgrounds; pair with light text for readability. Use the brightest color for CTA buttons and interactive elements. 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 finance, legal, luxury 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