← Back to Editor

#1D2105 · #616621 · #B3B358 · #F7D37D · #363044

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

Scene Recommendations Scene Recommendations

Emotion EMOTION

HarmoniousVersatileWarmCool

Industry INDUSTRY

E-commerceBusiness

UI Context UI CONTEXT

Web PageComponent LibraryData Visualization

Color Details Color Details

#1D2105

Autumn Sage · Black · Amber Gold

HEX
#1D2105
RGB
rgb(29, 33, 5)
HSL
hsl(69, 74%, 7%)
HSB
hsb(69, 85%, 13%)
CMYK
cmyk(12%, 0%, 85%, 87%)
Oklch
oklch(23.6% 0.046 116.8)

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

#616621

Autumn Sage · DarkOliveGreen · Honey Gold

HEX
#616621
RGB
rgb(97, 102, 33)
HSL
hsl(64, 51%, 26%)
HSB
hsb(64, 68%, 40%)
CMYK
cmyk(5%, 0%, 68%, 60%)
Oklch
oklch(49.1% 0.091 113.2)

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

#B3B358

Autumn Sage · Tan · Sunflower

HEX
#B3B358
RGB
rgb(179, 179, 88)
HSL
hsl(60, 37%, 52%)
HSB
hsb(60, 51%, 70%)
CMYK
cmyk(0%, 0%, 51%, 30%)
Oklch
oklch(74.8% 0.114 108.9)

Traditional「Autumn Sage」· Paint「Sunflower」· Creative Blush Sunrise

#F7D37D

Goose Yellow · Khaki · Sunflower

HEX
#F7D37D
RGB
rgb(247, 211, 125)
HSL
hsl(42, 88%, 73%)
HSB
hsb(42, 49%, 97%)
CMYK
cmyk(0%, 15%, 49%, 3%)
Oklch
oklch(88.0% 0.113 87.4)

Traditional「Goose Yellow」· Paint「Sunflower」· Creative Lemon Fizz

#363044

Deep Indigo · DarkSlateGray · Prussian Blue

HEX
#363044
RGB
rgb(54, 48, 68)
HSL
hsl(258, 17%, 23%)
HSB
hsb(258, 29%, 27%)
CMYK
cmyk(21%, 29%, 0%, 73%)
Oklch
oklch(32.4% 0.036 298.1)

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

Color Harmonies Color Harmonies

Based on color wheel theory, calculated from primary color

Complementary

1D2105
09051F

Analogous

1F1605
1D2105
0E1F05

Triadic

1D2105
051B1F
1F051B

Split-Comp.

1D2105
050E1F
16051F

Tetradic

1D2105
051F16
09051F
1F050E

Contrast Matrix WCAG 2.1 Contrast

1D2105
616621
B3B358
F7D37D
363044
—
2.7
Fail
7.5
AAA
11.5
AAA
1.3
Fail
2.7
Fail
—
2.8
Fail
4.2
AA Large
2.1
Fail
7.5
AAA
2.8
Fail
—
1.5
Fail
5.7
AA
11.5
AAA
4.2
AA Large
1.5
Fail
—
8.8
AAA
1.3
Fail
2.1
Fail
5.7
AA
8.8
AAA
—
White BG
16.5AAA
6.1AA
2.2Fail
1.4Fail
12.6AAA
Black BG
1.3Fail
3.4AA Large
9.5AAA
14.6AAA
1.7Fail

Color Blindness Simulation Color Blindness Simulation

Protanopia

1F1F0C
636332
B3B36E
E7E792
33333F

Deuteranopia

1F1E0D
636236
B3B373
EAEC97
34343E

Tritanopia

1D1112
613F42
B37F83
F5A2A6
363B3B

Achromatopsia

1D1D1D
5D5D5D
A9A9A9
D4D4D4
343434

Shades & Tints Shades & Tints

#1D2105

Dark
Light

#616621

Dark
Light

#B3B358

Dark
Light

Code Snippets Code Snippets

CSS Custom Properties

:root {
  --color-1: #1d2105;
  --color-2: #616621;
  --color-3: #b3b358;
  --color-4: #f7d37d;
  --color-5: #363044;
}

SCSS

$color-1: #1d2105;
$color-2: #616621;
$color-3: #b3b358;
$color-4: #f7d37d;
$color-5: #363044;

TAILWIND

colors: {
  'brand-1': '#1d2105',
  'brand-2': '#616621',
  'brand-3': '#b3b358',
  'brand-4': '#f7d37d',
  'brand-5': '#363044',
}

RGB Array

[29, 33, 5], [97, 102, 33], [179, 179, 88], [247, 211, 125], [54, 48, 68]

FAQ FAQ

What scenarios is this 5-color palette suitable for?

This general-style palette of #1D2105, #616621, #B3B358, #F7D37D, #363044 is ideal for: tech websites, dark mode UIs, game UIs, infographics, data visualization, accessible design. High contrast ensures clear visual hierarchy and readability. 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: #1d2105; --color-2: #616621; --color-3: #b3b358; --color-4: #f7d37d; --color-5: #363044. 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 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