← Back to Editor

#1D3618 · #296B00 · #827926 · #C7A53E · #A60707

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

Scene Recommendations Scene Recommendations

Emotion EMOTION

PassionateDynamicWarm

Industry INDUSTRY

EntertainmentFMCG

UI Context UI CONTEXT

Sale PromoSocial App

Color Details Color Details

#1D3618

Celadon · DarkGreen · Dark Green

HEX
#1D3618
RGB
rgb(29, 54, 24)
HSL
hsl(110, 38%, 15%)
HSB
hsb(110, 56%, 21%)
CMYK
cmyk(46%, 0%, 56%, 79%)
Oklch
oklch(30.4% 0.060 140.3)

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

#296B00

Pine Green · DarkGreen · Forest Green

HEX
#296B00
RGB
rgb(41, 107, 0)
HSL
hsl(97, 100%, 21%)
HSB
hsb(97, 100%, 42%)
CMYK
cmyk(62%, 0%, 100%, 58%)
Oklch
oklch(46.6% 0.144 137.9)

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

#827926

Autumn Sage · Olive · Honey Gold

HEX
#827926
RGB
rgb(130, 121, 38)
HSL
hsl(54, 55%, 33%)
HSB
hsb(54, 71%, 51%)
CMYK
cmyk(0%, 7%, 71%, 49%)
Oklch
oklch(56.8% 0.103 103.1)

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

#C7A53E

Ginger · GoldenRod · Sunflower

HEX
#C7A53E
RGB
rgb(199, 165, 62)
HSL
hsl(45, 55%, 51%)
HSB
hsb(45, 69%, 78%)
CMYK
cmyk(0%, 17%, 69%, 22%)
Oklch
oklch(73.4% 0.126 90.4)

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

#A60707

Vermilion · DarkRed · Wine Red

HEX
#A60707
RGB
rgb(166, 7, 7)
HSL
hsl(0, 92%, 34%)
HSB
hsb(0, 96%, 65%)
CMYK
cmyk(0%, 96%, 96%, 35%)
Oklch
oklch(45.8% 0.184 28.8)

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

Color Harmonies Color Harmonies

Based on color wheel theory, calculated from primary color

Complementary

1D3618
301835

Analogous

2B3518
1D3618
183521

Triadic

1D3618
181D35
35181D

Split-Comp.

1D3618
211835
35182B

Tetradic

1D3618
182B35
301835
352118

Contrast Matrix WCAG 2.1 Contrast

1D3618
296B00
827926
C7A53E
A60707
—
2.0
Fail
3.0
Fail
5.6
AA
1.7
Fail
2.0
Fail
—
1.5
Fail
2.8
Fail
1.2
Fail
3.0
Fail
1.5
Fail
—
1.9
Fail
1.8
Fail
5.6
AA
2.8
Fail
1.9
Fail
—
3.3
AA Large
1.7
Fail
1.2
Fail
1.8
Fail
3.3
AA Large
—
White BG
13.2AAA
6.6AA
4.5AA Large
2.4Fail
7.9AAA
Black BG
1.6Fail
3.2AA Large
4.7AA
8.9AAA
2.7Fail

Color Blindness Simulation Color Blindness Simulation

Protanopia

28281F
46461A
7E7E3A
B8B857
616007

Deuteranopia

262521
423D20
7F7F3F
BABD5D
6A7607

Tritanopia

1E2526
2C2E33
824A4D
C56B6F
9E0707

Achromatopsia

2B2B2B
4B4B4B
727272
A3A3A3
373737

Shades & Tints Shades & Tints

#1D3618

Dark
Light

#296B00

Dark
Light

#827926

Dark
Light

Code Snippets Code Snippets

CSS Custom Properties

:root {
  --color-1: #1d3618;
  --color-2: #296b00;
  --color-3: #827926;
  --color-4: #c7a53e;
  --color-5: #a60707;
}

SCSS

$color-1: #1d3618;
$color-2: #296b00;
$color-3: #827926;
$color-4: #c7a53e;
$color-5: #a60707;

TAILWIND

colors: {
  'brand-1': '#1d3618',
  'brand-2': '#296b00',
  'brand-3': '#827926',
  'brand-4': '#c7a53e',
  'brand-5': '#a60707',
}

RGB Array

[29, 54, 24], [41, 107, 0], [130, 121, 38], [199, 165, 62], [166, 7, 7]

FAQ FAQ

What scenarios is this 5-color palette suitable for?

This general-style palette of #1D3618, #296B00, #827926, #C7A53E, #A60707 is ideal for: social media posters, mobile apps, e-commerce promos, tech websites, dark mode UIs, game UIs. Vivid colors effectively attract user attention. It is a vibrant and energetic choice among 5-color palettes.

How to use this palette in CSS or frontend projects?

Copy the CSS variables directly: --color-1: #1d3618; --color-2: #296b00; --color-3: #827926; --color-4: #c7a53e; --color-5: #a60707. 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 food & dining, entertainment, kids education, social industries. Bold colors convey vitality and innovation. 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