← Back to Editor

#CF8129 · #BD5622 · #B01F12 · #802D25 · #613733

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

#CF8129

Ochre · Chocolate · Amber Brown

HEX
#CF8129
RGB
rgb(207, 129, 41)
HSL
hsl(32, 67%, 49%)
HSB
hsb(32, 80%, 81%)
CMYK
cmyk(0%, 38%, 80%, 19%)
Oklch
oklch(67.2% 0.137 63.9)

Traditional「Ochre」· Paint「Amber Brown」· Creative Blush Sunrise

#BD5622

Tangerine · Chocolate · Amber Brown

HEX
#BD5622
RGB
rgb(189, 86, 34)
HSL
hsl(20, 70%, 44%)
HSB
hsb(20, 82%, 74%)
CMYK
cmyk(0%, 54%, 82%, 26%)
Oklch
oklch(57.5% 0.147 44.2)

Traditional「Tangerine」· Paint「Amber Brown」· Creative Blush Sunrise

#B01F12

Vermilion · FireBrick · Wine Red

HEX
#B01F12
RGB
rgb(176, 31, 18)
HSL
hsl(5, 81%, 38%)
HSB
hsb(5, 90%, 69%)
CMYK
cmyk(0%, 82%, 90%, 31%)
Oklch
oklch(49.0% 0.182 30.0)

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

#802D25

Crimson · Brown · Wine Red

HEX
#802D25
RGB
rgb(128, 45, 37)
HSL
hsl(5, 55%, 32%)
HSB
hsb(5, 71%, 50%)
CMYK
cmyk(0%, 65%, 71%, 50%)
Oklch
oklch(41.8% 0.117 28.6)

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

#613733

Crimson · DarkOliveGreen · Wine Red

HEX
#613733
RGB
rgb(97, 55, 51)
HSL
hsl(5, 31%, 29%)
HSB
hsb(5, 47%, 38%)
CMYK
cmyk(0%, 43%, 47%, 62%)
Oklch
oklch(38.8% 0.061 26.1)

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

Color Harmonies Color Harmonies

Based on color wheel theory, calculated from primary color

Complementary

CF8129
2977D1

Analogous

D12F29
CF8129
CBD129

Triadic

CF8129
29D183
8329D1

Split-Comp.

CF8129
29CBD1
2F29D1

Tetradic

CF8129
29D12F
2977D1
D129CB

Contrast Matrix WCAG 2.1 Contrast

CF8129
BD5622
B01F12
802D25
613733
—
1.5
Fail
2.2
Fail
2.9
Fail
3.2
AA Large
1.5
Fail
—
1.5
Fail
1.9
Fail
2.1
Fail
2.2
Fail
1.5
Fail
—
1.3
Fail
1.5
Fail
2.9
Fail
1.9
Fail
1.3
Fail
—
1.1
Fail
3.2
AA Large
2.1
Fail
1.5
Fail
1.1
Fail
—
White BG
3.1AA Large
4.6AA
6.9AA
9.1AAA
10.0AAA
Black BG
6.8AA
4.5AA
3.1AA Large
2.3Fail
2.1Fail

Color Blindness Simulation Color Blindness Simulation

Protanopia

ADAD3E
908F2F
717015
5C5B27
4F4E34

Deuteranopia

B2B843
969E32
7A8516
616727
515434

Tritanopia

CB4F53
B8393B
A91818
7C2829
5F3535

Achromatopsia

8E8E8E
6F6F6F
494949
454545
434343

Shades & Tints Shades & Tints

#CF8129

Dark
Light

#BD5622

Dark
Light

#B01F12

Dark
Light

Code Snippets Code Snippets

CSS Custom Properties

:root {
  --color-1: #cf8129;
  --color-2: #bd5622;
  --color-3: #b01f12;
  --color-4: #802d25;
  --color-5: #613733;
}

SCSS

$color-1: #cf8129;
$color-2: #bd5622;
$color-3: #b01f12;
$color-4: #802d25;
$color-5: #613733;

TAILWIND

colors: {
  'brand-1': '#cf8129',
  'brand-2': '#bd5622',
  'brand-3': '#b01f12',
  'brand-4': '#802d25',
  'brand-5': '#613733',
}

RGB Array

[207, 129, 41], [189, 86, 34], [176, 31, 18], [128, 45, 37], [97, 55, 51]

FAQ FAQ

What scenarios is this 5-color palette suitable for?

This earth-style palette of #CF8129, #BD5622, #B01F12, #802D25, #613733 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: #cf8129; --color-2: #bd5622; --color-3: #b01f12; --color-4: #802d25; --color-5: #613733. 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