← Back to Editor

#170001 · #3E000B · #61370F · #7E7324 · #999D2C

earth

A 5-color earth 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

#170001

Vermilion · Black · Deep Berry

HEX
#170001
RGB
rgb(23, 0, 1)
HSL
hsl(357, 100%, 5%)
HSB
hsb(357, 100%, 9%)
CMYK
cmyk(0%, 100%, 96%, 91%)
Oklch
oklch(12.9% 0.052 23.2)

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

#3E000B

Vermilion · Black · Deep Berry

HEX
#3E000B
RGB
rgb(62, 0, 11)
HSL
hsl(349, 100%, 12%)
HSB
hsb(349, 100%, 24%)
CMYK
cmyk(0%, 100%, 82%, 76%)
Oklch
oklch(23.1% 0.092 18.3)

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

#61370F

Tangerine · DarkOliveGreen · Cinnamon

HEX
#61370F
RGB
rgb(97, 55, 15)
HSL
hsl(29, 73%, 22%)
HSB
hsb(29, 85%, 38%)
CMYK
cmyk(0%, 43%, 85%, 62%)
Oklch
oklch(38.1% 0.079 59.5)

Traditional「Tangerine」· Paint「Cinnamon」· Creative Blush Sunrise

#7E7324

Autumn Sage · Olive · Honey Gold

HEX
#7E7324
RGB
rgb(126, 115, 36)
HSL
hsl(53, 56%, 32%)
HSB
hsb(53, 71%, 49%)
CMYK
cmyk(0%, 9%, 71%, 51%)
Oklch
oklch(55.0% 0.099 101.3)

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

#999D2C

Autumn Sage · DarkGoldenRod · Honey Gold

HEX
#999D2C
RGB
rgb(153, 157, 44)
HSL
hsl(62, 56%, 39%)
HSB
hsb(62, 72%, 62%)
CMYK
cmyk(3%, 0%, 72%, 38%)
Oklch
oklch(67.2% 0.132 111.5)

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

Color Harmonies Color Harmonies

Based on color wheel theory, calculated from primary color

Complementary

170001
001A18

Analogous

1A000E
170001
1A0B00

Triadic

170001
011A00
00011A

Split-Comp.

170001
001A0B
000E1A

Tetradic

170001
0E1A00
001A18
0B001A

Contrast Matrix WCAG 2.1 Contrast

170001
3E000B
61370F
7E7324
999D2C
—
1.2
Fail
2.0
Fail
4.2
AA Large
7.0
AA
1.2
Fail
—
1.7
Fail
3.6
AA Large
6.0
AA
2.0
Fail
1.7
Fail
—
2.1
Fail
3.5
AA Large
4.2
AA Large
3.6
AA Large
2.1
Fail
—
1.7
Fail
7.0
AA
6.0
AA
3.5
AA Large
1.7
Fail
—
White BG
20.3AAA
17.4AAA
10.2AAA
4.8AA
2.9Fail
Black BG
1.0Fail
1.2Fail
2.1Fail
4.4AA Large
7.2AAA

Color Blindness Simulation Color Blindness Simulation

Protanopia

0D0D01
232308
4F4E19
797937
9B9B47

Deuteranopia

0E1001
272B08
51541B
7A7B3C
9B9A4E

Tritanopia

160101
3B0606
5F2022
7D464A
995D62

Achromatopsia

070707
141414
3F3F3F
6D6D6D
8F8F8F

Shades & Tints Shades & Tints

#170001

Dark
Light

#3E000B

Dark
Light

#61370F

Dark
Light

Code Snippets Code Snippets

CSS Custom Properties

:root {
  --color-1: #170001;
  --color-2: #3e000b;
  --color-3: #61370f;
  --color-4: #7e7324;
  --color-5: #999d2c;
}

SCSS

$color-1: #170001;
$color-2: #3e000b;
$color-3: #61370f;
$color-4: #7e7324;
$color-5: #999d2c;

TAILWIND

colors: {
  'brand-1': '#170001',
  'brand-2': '#3e000b',
  'brand-3': '#61370f',
  'brand-4': '#7e7324',
  'brand-5': '#999d2c',
}

RGB Array

[23, 0, 1], [62, 0, 11], [97, 55, 15], [126, 115, 36], [153, 157, 44]

FAQ FAQ

What scenarios is this 5-color palette suitable for?

This earth-style palette of #170001, #3E000B, #61370F, #7E7324, #999D2C 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: #170001; --color-2: #3e000b; --color-3: #61370f; --color-4: #7e7324; --color-5: #999d2c. 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 earth-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