#C9B252 + #818155 + #4A695F + #573F5B + #25255B - Color Palette

Scene Recommendations Scene Recommendations

Emotion EMOTION

HarmoniousVersatileWarmCool

Industry INDUSTRY

E-commerceBusiness

UI Context UI CONTEXT

Web PageComponent Library

Color Details Color Details

#C9B252

Ginger · SandyBrown · Sunflower

HEX

#C9B252

RGB

rgb(201, 178, 82)

HSL

hsl(48, 52%, 55%)

HSB

hsb(48, 59%, 79%)

CMYK

cmyk(0%, 11%, 59%, 21%)

Oklch

oklch(76.4% 0.119 96.0)

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

#818155

Autumn Sage · DimGray · Honey Gold

HEX

#818155

RGB

rgb(129, 129, 85)

HSL

hsl(60, 21%, 42%)

HSB

hsb(60, 34%, 51%)

CMYK

cmyk(0%, 0%, 34%, 49%)

Oklch

oklch(59.2% 0.062 108.2)

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

#4A695F

Mineral Blue · DimGray · Mint Ice

HEX

#4A695F

RGB

rgb(74, 105, 95)

HSL

hsl(161, 17%, 35%)

HSB

hsb(161, 30%, 41%)

CMYK

cmyk(30%, 0%, 10%, 59%)

Oklch

oklch(49.3% 0.040 172.6)

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

#573F5B

Dark Plum · DarkSlateGray · Eggplant

HEX

#573F5B

RGB

rgb(87, 63, 91)

HSL

hsl(291, 18%, 30%)

HSB

hsb(291, 31%, 36%)

CMYK

cmyk(4%, 31%, 0%, 64%)

Oklch

oklch(40.5% 0.055 321.6)

Traditional「Dark Plum」· Paint「Eggplant」· Creative Blush Sunrise

#25255B

Deep Indigo · MidnightBlue · Prussian Blue

HEX

#25255B

RGB

rgb(37, 37, 91)

HSL

hsl(240, 42%, 25%)

HSB

hsb(240, 59%, 36%)

CMYK

cmyk(59%, 59%, 0%, 64%)

Oklch

oklch(29.8% 0.094 279.0)

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

Color Harmonies Color Harmonies

Based on color wheel theory, calculated from primary color

Complementary

C9B252

5168C8

Analogous

C87451

C9B252

A4C851

Triadic

C9B252

51C8B0

B051C8

Split-Comp.

C9B252

51A4C8

7451C8

Tetradic

C9B252

51C874

5168C8

C851A4

Contrast Matrix WCAG 2.1 Contrast

C9B252	818155	4A695F	573F5B	25255B
—	1.9 Fail	2.9 Fail	4.4 AA Large	6.7 AA
1.9 Fail	—	1.5 Fail	2.3 Fail	3.5 AA Large
2.9 Fail	1.5 Fail	—	1.5 Fail	2.3 Fail
4.4 AA Large	2.3 Fail	1.5 Fail	—	1.5 Fail
6.7 AA	3.5 AA Large	2.3 Fail	1.5 Fail	—

White BG

2.1Fail

4.0AA Large

6.0AA

9.3AAA

14.1AAA

Black BG

10.0AAA

5.2AA

3.5AA Large

2.3Fail

1.5Fail

Color Blindness Simulation Color Blindness Simulation

Protanopia

BFBF69

818160

575861

4D4C54

25254E

Deuteranopia

C0C26F

818162

565362

4E5053

25254B

Tritanopia

C87C80

81686A

4C6364

564F4E

254441

Achromatopsia

AEAEAE

7C7C7C

5F5F5F

494949

2B2B2B

Shades & Tints Shades & Tints

#C9B252

Dark

Light

#818155

Dark

Light

#4A695F

Dark

Light

Code Snippets Code Snippets

CSS Custom Properties

:root {
  --color-1: #c9b252;
  --color-2: #818155;
  --color-3: #4a695f;
  --color-4: #573f5b;
  --color-5: #25255b;
}

SCSS

$color-1: #c9b252;
$color-2: #818155;
$color-3: #4a695f;
$color-4: #573f5b;
$color-5: #25255b;

TAILWIND

colors: {
  'brand-1': '#c9b252',
  'brand-2': '#818155',
  'brand-3': '#4a695f',
  'brand-4': '#573f5b',
  'brand-5': '#25255b',
}

RGB Array

[201, 178, 82], [129, 129, 85], [74, 105, 95], [87, 63, 91], [37, 37, 91]

FAQ FAQ

What scenarios is this 5-color palette suitable for?

This general-style palette of #C9B252, #818155, #4A695F, #573F5B, #25255B is ideal for: tech websites, dark mode UIs, game UIs. 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: #c9b252; --color-2: #818155; --color-3: #4a695f; --color-4: #573f5b; --color-5: #25255b. 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. 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