← Back to Editor

#C1AE89 · #79856C · #4A8762 · #444E64 · #181A19

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

#C1AE89

Ginger · Tan · Sunflower

HEX
#C1AE89
RGB
rgb(193, 174, 137)
HSL
hsl(40, 31%, 65%)
HSB
hsb(40, 29%, 76%)
CMYK
cmyk(0%, 10%, 29%, 24%)
Oklch
oklch(75.8% 0.055 83.9)

Traditional「Ginger」· Paint「Sunflower」· Creative Lemon Fizz

#79856C

Grass Green · Gray · Olive Green

HEX
#79856C
RGB
rgb(121, 133, 108)
HSL
hsl(89, 10%, 47%)
HSB
hsb(89, 19%, 52%)
CMYK
cmyk(9%, 0%, 19%, 48%)
Oklch
oklch(60.0% 0.039 128.5)

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

#4A8762

Celadon · SeaGreen · Olive Green

HEX
#4A8762
RGB
rgb(74, 135, 98)
HSL
hsl(144, 29%, 41%)
HSB
hsb(144, 45%, 53%)
CMYK
cmyk(45%, 0%, 27%, 47%)
Oklch
oklch(57.1% 0.086 155.8)

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

#444E64

Indigo · DarkSlateGray · Prussian Blue

HEX
#444E64
RGB
rgb(68, 78, 100)
HSL
hsl(221, 19%, 33%)
HSB
hsb(221, 32%, 39%)
CMYK
cmyk(32%, 22%, 0%, 61%)
Oklch
oklch(42.4% 0.039 265.7)

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

#181A19

Ink Black · Black · Jet Black

HEX
#181A19
RGB
rgb(24, 26, 25)
HSL
hsl(150, 4%, 10%)
HSB
hsb(150, 8%, 10%)
CMYK
cmyk(8%, 0%, 4%, 90%)
Oklch
oklch(21.5% 0.004 164.7)

Traditional「Ink Black」· Paint「Jet Black」· Creative Midnight Shadow

Color Harmonies Color Harmonies

Based on color wheel theory, calculated from primary color

Complementary

C1AE89
8A9DC1

Analogous

C1938A
C1AE89
B8C18A

Triadic

C1AE89
8AC1AF
AF8AC1

Split-Comp.

C1AE89
8AB8C1
938AC1

Tetradic

C1AE89
8AC193
8A9DC1
C18AB8

Contrast Matrix WCAG 2.1 Contrast

C1AE89
79856C
4A8762
444E64
181A19
—
1.8
Fail
2.0
Fail
3.8
AA Large
8.1
AAA
1.8
Fail
—
1.1
Fail
2.1
Fail
4.5
AA Large
2.0
Fail
1.1
Fail
—
2.0
Fail
4.1
AA Large
3.8
AA Large
2.1
Fail
2.0
Fail
—
2.1
Fail
8.1
AAA
4.5
AA Large
4.1
AA Large
2.1
Fail
—
White BG
2.2Fail
3.9AA Large
4.3AA Large
8.3AAA
17.5AAA
Black BG
9.7AAA
5.4AA
4.9AA
2.5Fail
1.2Fail

Color Blindness Simulation Color Blindness Simulation

Protanopia

B9B992
7E7E72
64656B
48485F
191919

Deuteranopia

BABB94
7E7D74
615C6D
48475D
191919

Tritanopia

C0999B
7A7778
4D7274
455A5A
181919

Achromatopsia

AFAFAF
7F7F7F
717171
4E4E4E
191919

Shades & Tints Shades & Tints

#C1AE89

Dark
Light

#79856C

Dark
Light

#4A8762

Dark
Light

Code Snippets Code Snippets

CSS Custom Properties

:root {
  --color-1: #c1ae89;
  --color-2: #79856c;
  --color-3: #4a8762;
  --color-4: #444e64;
  --color-5: #181a19;
}

SCSS

$color-1: #c1ae89;
$color-2: #79856c;
$color-3: #4a8762;
$color-4: #444e64;
$color-5: #181a19;

TAILWIND

colors: {
  'brand-1': '#c1ae89',
  'brand-2': '#79856c',
  'brand-3': '#4a8762',
  'brand-4': '#444e64',
  'brand-5': '#181a19',
}

RGB Array

[193, 174, 137], [121, 133, 108], [74, 135, 98], [68, 78, 100], [24, 26, 25]

FAQ FAQ

What scenarios is this 5-color palette suitable for?

This general-style palette of #C1AE89, #79856C, #4A8762, #444E64, #181A19 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: #c1ae89; --color-2: #79856c; --color-3: #4a8762; --color-4: #444e64; --color-5: #181a19. 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