← Back to Editor

#429F8A · #5B7D5A · #5F5C46 · #573A31 · #32201F

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 ThemeCorporate

Color Details Color Details

#429F8A

Mineral Blue · MediumSeaGreen · Mint Ice

HEX
#429F8A
RGB
rgb(66, 159, 138)
HSL
hsl(166, 41%, 44%)
HSB
hsb(166, 58%, 62%)
CMYK
cmyk(58%, 0%, 13%, 38%)
Oklch
oklch(64.1% 0.094 175.9)

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

#5B7D5A

Celadon · DimGray · Olive Green

HEX
#5B7D5A
RGB
rgb(91, 125, 90)
HSL
hsl(118, 16%, 42%)
HSB
hsb(118, 28%, 49%)
CMYK
cmyk(27%, 0%, 28%, 51%)
Oklch
oklch(55.4% 0.066 143.9)

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

#5F5C46

Autumn Sage · DarkOliveGreen · Honey Gold

HEX
#5F5C46
RGB
rgb(95, 92, 70)
HSL
hsl(53, 15%, 32%)
HSB
hsb(53, 26%, 37%)
CMYK
cmyk(0%, 3%, 26%, 63%)
Oklch
oklch(47.1% 0.034 101.1)

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

#573A31

Crimson · DarkOliveGreen · Wine Red

HEX
#573A31
RGB
rgb(87, 58, 49)
HSL
hsl(14, 28%, 27%)
HSB
hsb(14, 44%, 34%)
CMYK
cmyk(0%, 33%, 44%, 66%)
Oklch
oklch(37.9% 0.044 38.0)

Traditional「Crimson」· Paint「Wine Red」· Creative Blush Sunrise

#32201F

Crimson · Black · Deep Berry

HEX
#32201F
RGB
rgb(50, 32, 31)
HSL
hsl(3, 23%, 16%)
HSB
hsb(3, 38%, 20%)
CMYK
cmyk(0%, 36%, 38%, 80%)
Oklch
oklch(26.6% 0.028 22.7)

Traditional「Crimson」· Paint「Deep Berry」· Creative Blush Sunrise

Color Harmonies Color Harmonies

Based on color wheel theory, calculated from primary color

Complementary

429F8A
9E4258

Analogous

429E5B
429F8A
42869E

Triadic

429F8A
89429E
9E8942

Split-Comp.

429F8A
9E4286
9E5B42

Tetradic

429F8A
5B429E
9E4258
869E42

Contrast Matrix WCAG 2.1 Contrast

429F8A
5B7D5A
5F5C46
573A31
32201F
—
1.4
Fail
2.1
Fail
3.2
AA Large
4.8
AA
1.4
Fail
—
1.5
Fail
2.2
Fail
3.3
AA Large
2.1
Fail
1.5
Fail
—
1.5
Fail
2.3
Fail
3.2
AA Large
2.2
Fail
1.5
Fail
—
1.5
Fail
4.8
AA
3.3
AA Large
2.3
Fail
1.5
Fail
—
White BG
3.2AA Large
4.6AA
6.8AA
10.2AAA
15.4AAA
Black BG
6.6AA
4.5AA
3.1AA Large
2.1Fail
1.4Fail

Color Blindness Simulation Color Blindness Simulation

Protanopia

6A6B8F
6A6A62
5E5E4B
4A4A33
2A2A1F

Deuteranopia

655E90
686565
5E5E4D
4C4E34
2B2D1F

Tritanopia

479394
5D696B
5F5050
563535
311F1F

Achromatopsia

818181
6F6F6F
5A5A5A
424242
252525

Shades & Tints Shades & Tints

#429F8A

Dark
Light

#5B7D5A

Dark
Light

#5F5C46

Dark
Light

Code Snippets Code Snippets

CSS Custom Properties

:root {
  --color-1: #429f8a;
  --color-2: #5b7d5a;
  --color-3: #5f5c46;
  --color-4: #573a31;
  --color-5: #32201f;
}

SCSS

$color-1: #429f8a;
$color-2: #5b7d5a;
$color-3: #5f5c46;
$color-4: #573a31;
$color-5: #32201f;

TAILWIND

colors: {
  'brand-1': '#429f8a',
  'brand-2': '#5b7d5a',
  'brand-3': '#5f5c46',
  'brand-4': '#573a31',
  'brand-5': '#32201f',
}

RGB Array

[66, 159, 138], [91, 125, 90], [95, 92, 70], [87, 58, 49], [50, 32, 31]

FAQ FAQ

What scenarios is this 5-color palette suitable for?

This general-style palette of #429F8A, #5B7D5A, #5F5C46, #573A31, #32201F is ideal for: brand design, premium product pages, magazine layouts, tech websites, dark mode UIs, game UIs. Low-saturation colors convey a sophisticated, premium feel. 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: #429f8a; --color-2: #5b7d5a; --color-3: #5f5c46; --color-4: #573a31; --color-5: #32201f. 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 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