← Back to Editor

#1D1329 · #3C445A · #606B51 · #859147 · #C2AF70

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

#1D1329

Deep Indigo · Black · Dark Purple

HEX
#1D1329
RGB
rgb(29, 19, 41)
HSL
hsl(267, 37%, 12%)
HSB
hsb(267, 54%, 16%)
CMYK
cmyk(29%, 54%, 0%, 84%)
Oklch
oklch(21.1% 0.044 303.8)

Traditional「Deep Indigo」· Paint「Dark Purple」· Creative Blush Sunrise

#3C445A

Indigo · DarkSlateGray · Prussian Blue

HEX
#3C445A
RGB
rgb(60, 68, 90)
HSL
hsl(224, 20%, 29%)
HSB
hsb(224, 33%, 35%)
CMYK
cmyk(33%, 24%, 0%, 65%)
Oklch
oklch(38.9% 0.039 269.0)

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

#606B51

Grass Green · DimGray · Forest Green

HEX
#606B51
RGB
rgb(96, 107, 81)
HSL
hsl(85, 14%, 37%)
HSB
hsb(85, 24%, 42%)
CMYK
cmyk(10%, 0%, 24%, 58%)
Oklch
oklch(51.1% 0.042 126.5)

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

#859147

Grass Green · DimGray · Olive Green

HEX
#859147
RGB
rgb(133, 145, 71)
HSL
hsl(70, 34%, 42%)
HSB
hsb(70, 51%, 57%)
CMYK
cmyk(8%, 0%, 51%, 43%)
Oklch
oklch(63.0% 0.100 117.0)

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

#C2AF70

Ginger · Tan · Sunflower

HEX
#C2AF70
RGB
rgb(194, 175, 112)
HSL
hsl(46, 40%, 60%)
HSB
hsb(46, 42%, 76%)
CMYK
cmyk(0%, 10%, 42%, 24%)
Oklch
oklch(75.6% 0.085 93.2)

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

Color Harmonies Color Harmonies

Based on color wheel theory, calculated from primary color

Complementary

1D1329
202A13

Analogous

13142A
1D1329
29132A

Triadic

1D1329
2A1D13
132A1D

Split-Comp.

1D1329
2A2913
142A13

Tetradic

1D1329
2A1314
202A13
132A29

Contrast Matrix WCAG 2.1 Contrast

1D1329
3C445A
606B51
859147
C2AF70
—
1.8
Fail
3.2
AA Large
5.2
AA
8.2
AAA
1.8
Fail
—
1.7
Fail
2.8
Fail
4.5
AA Large
3.2
AA Large
1.7
Fail
—
1.7
Fail
2.6
Fail
5.2
AA
2.8
Fail
1.7
Fail
—
1.6
Fail
8.2
AAA
4.5
AA Large
2.6
Fail
1.6
Fail
—
White BG
17.8AAA
9.7AAA
5.6AA
3.4AA Large
2.2Fail
Black BG
1.2Fail
2.2Fail
3.7AA Large
6.1AA
9.7AAA

Color Blindness Simulation Color Blindness Simulation

Protanopia

191924
3F4055
656557
8A8A59
BABA7F

Deuteranopia

191A22
3F3E53
646359
8A895D
BBBC83

Tritanopia

1C1F1F
3C5050
615C5D
86676A
C18B8E

Achromatopsia

181818
444444
656565
858585
ADADAD

Shades & Tints Shades & Tints

#1D1329

Dark
Light

#3C445A

Dark
Light

#606B51

Dark
Light

Code Snippets Code Snippets

CSS Custom Properties

:root {
  --color-1: #1d1329;
  --color-2: #3c445a;
  --color-3: #606b51;
  --color-4: #859147;
  --color-5: #c2af70;
}

SCSS

$color-1: #1d1329;
$color-2: #3c445a;
$color-3: #606b51;
$color-4: #859147;
$color-5: #c2af70;

TAILWIND

colors: {
  'brand-1': '#1d1329',
  'brand-2': '#3c445a',
  'brand-3': '#606b51',
  'brand-4': '#859147',
  'brand-5': '#c2af70',
}

RGB Array

[29, 19, 41], [60, 68, 90], [96, 107, 81], [133, 145, 71], [194, 175, 112]

FAQ FAQ

What scenarios is this 5-color palette suitable for?

This general-style palette of #1D1329, #3C445A, #606B51, #859147, #C2AF70 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: #1d1329; --color-2: #3c445a; --color-3: #606b51; --color-4: #859147; --color-5: #c2af70. 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