← Back to Editor

#B9B592 · #88A972 · #587350 · #233A30 · #181214

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

Scene Recommendations Scene Recommendations

Emotion EMOTION

ProfoundPremiumWarmCool

Industry INDUSTRY

FinanceLuxury

UI Context UI CONTEXT

Dark ThemeCorporateData Visualization

Color Details Color Details

#B9B592

Fresh Green · Tan · Sunflower

HEX
#B9B592
RGB
rgb(185, 181, 146)
HSL
hsl(54, 22%, 65%)
HSB
hsb(54, 21%, 73%)
CMYK
cmyk(0%, 2%, 21%, 27%)
Oklch
oklch(76.7% 0.048 102.0)

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

#88A972

Celadon · DarkSeaGreen · Olive Green

HEX
#88A972
RGB
rgb(136, 169, 114)
HSL
hsl(96, 24%, 55%)
HSB
hsb(96, 33%, 66%)
CMYK
cmyk(20%, 0%, 33%, 34%)
Oklch
oklch(69.6% 0.085 133.4)

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

#587350

Celadon · DimGray · Forest Green

HEX
#587350
RGB
rgb(88, 115, 80)
HSL
hsl(106, 18%, 38%)
HSB
hsb(106, 30%, 45%)
CMYK
cmyk(23%, 0%, 30%, 55%)
Oklch
oklch(52.4% 0.062 138.6)

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

#233A30

Mineral Blue · DarkSlateGray · Dark Green

HEX
#233A30
RGB
rgb(35, 58, 48)
HSL
hsl(154, 25%, 18%)
HSB
hsb(154, 40%, 23%)
CMYK
cmyk(40%, 0%, 17%, 77%)
Oklch
oklch(32.6% 0.034 165.3)

Traditional「Mineral Blue」· Paint「Dark Green」· Creative Blush Sunrise

#181214

Dark Violet · Black · Raspberry

HEX
#181214
RGB
rgb(24, 18, 20)
HSL
hsl(340, 14%, 8%)
HSB
hsb(340, 25%, 9%)
CMYK
cmyk(0%, 25%, 17%, 91%)
Oklch
oklch(19.1% 0.011 356.1)

Traditional「Dark Violet」· Paint「Raspberry」· Creative Blush Sunrise

Color Harmonies Color Harmonies

Based on color wheel theory, calculated from primary color

Complementary

B9B592
9296B9

Analogous

B9A292
B9B592
AAB992

Triadic

B9B592
92B9B5
B592B9

Split-Comp.

B9B592
92AAB9
A292B9

Tetradic

B9B592
92B9A2
9296B9
B992AA

Contrast Matrix WCAG 2.1 Contrast

B9B592
88A972
587350
233A30
181214
—
1.3
Fail
2.5
Fail
5.9
AA
8.9
AAA
1.3
Fail
—
2.0
Fail
4.6
AA
7.0
AAA
2.5
Fail
2.0
Fail
—
2.3
Fail
3.5
AA Large
5.9
AA
4.6
AA
2.3
Fail
—
1.5
Fail
8.9
AAA
7.0
AAA
3.5
AA Large
1.5
Fail
—
White BG
2.1Fail
2.6Fail
5.3AA
12.2AAA
18.5AAA
Black BG
10.1AAA
8.0AAA
4.0AA Large
1.7Fail
1.1Fail

Color Blindness Simulation Color Blindness Simulation

Protanopia

B7B79A
96977F
646458
2D2D32
151514

Deuteranopia

B8B89D
949283
62605B
2C2A33
161613

Tritanopia

B9A1A3
8A8A8C
595F61
243435
181313

Achromatopsia

B2B2B2
999999
676767
323232
141414

Shades & Tints Shades & Tints

#B9B592

Dark
Light

#88A972

Dark
Light

#587350

Dark
Light

Code Snippets Code Snippets

CSS Custom Properties

:root {
  --color-1: #b9b592;
  --color-2: #88a972;
  --color-3: #587350;
  --color-4: #233a30;
  --color-5: #181214;
}

SCSS

$color-1: #b9b592;
$color-2: #88a972;
$color-3: #587350;
$color-4: #233a30;
$color-5: #181214;

TAILWIND

colors: {
  'brand-1': '#b9b592',
  'brand-2': '#88a972',
  'brand-3': '#587350',
  'brand-4': '#233a30',
  'brand-5': '#181214',
}

RGB Array

[185, 181, 146], [136, 169, 114], [88, 115, 80], [35, 58, 48], [24, 18, 20]

FAQ FAQ

What scenarios is this 5-color palette suitable for?

This general-style palette of #B9B592, #88A972, #587350, #233A30, #181214 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: #b9b592; --color-2: #88a972; --color-3: #587350; --color-4: #233a30; --color-5: #181214. 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