← Back to Editor

#C9542E · #800149 · #C2D467 · #1A0D04 · #5E2802

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 AppData Visualization

Color Details Color Details

#C9542E

Tangerine · Chocolate · Amber Brown

HEX
#C9542E
RGB
rgb(201, 84, 46)
HSL
hsl(15, 63%, 48%)
HSB
hsb(15, 77%, 79%)
CMYK
cmyk(0%, 58%, 77%, 21%)
Oklch
oklch(59.1% 0.158 38.0)

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

#800149

Rose Purple · Purple · Raspberry

HEX
#800149
RGB
rgb(128, 1, 73)
HSL
hsl(326, 98%, 25%)
HSB
hsb(326, 99%, 50%)
CMYK
cmyk(0%, 99%, 43%, 50%)
Oklch
oklch(39.2% 0.160 355.5)

Traditional「Rose Purple」· Paint「Raspberry」· Creative Blush Sunrise

#C2D467

Willow Green · BurlyWood · Apple Green

HEX
#C2D467
RGB
rgb(194, 212, 103)
HSL
hsl(70, 56%, 62%)
HSB
hsb(70, 51%, 83%)
CMYK
cmyk(8%, 0%, 51%, 17%)
Oklch
oklch(83.4% 0.136 117.2)

Traditional「Willow Green」· Paint「Apple Green」· Creative Mint Breeze

#1A0D04

Tangerine · Black · Cinnamon

HEX
#1A0D04
RGB
rgb(26, 13, 4)
HSL
hsl(25, 73%, 6%)
HSB
hsb(25, 85%, 10%)
CMYK
cmyk(0%, 50%, 85%, 90%)
Oklch
oklch(17.5% 0.029 58.4)

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

#5E2802

Tangerine · Maroon · Cinnamon

HEX
#5E2802
RGB
rgb(94, 40, 2)
HSL
hsl(25, 96%, 19%)
HSB
hsb(25, 98%, 37%)
CMYK
cmyk(0%, 57%, 98%, 63%)
Oklch
oklch(34.8% 0.091 49.1)

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

Color Harmonies Color Harmonies

Based on color wheel theory, calculated from primary color

Complementary

C9542E
2DA1C8

Analogous

C82D54
C9542E
C8A12D

Triadic

C9542E
2DC854
542DC8

Split-Comp.

C9542E
2DC8A1
2D54C8

Tetradic

C9542E
54C82D
2DA1C8
A12DC8

Contrast Matrix WCAG 2.1 Contrast

C9542E
800149
C2D467
1A0D04
5E2802
—
2.4
Fail
2.7
Fail
4.3
AA Large
2.7
Fail
2.4
Fail
—
6.4
AA
1.8
Fail
1.1
Fail
2.7
Fail
6.4
AA
—
11.7
AAA
7.2
AAA
4.3
AA Large
1.8
Fail
11.7
AAA
—
1.6
Fail
2.7
Fail
1.1
Fail
7.2
AAA
1.6
Fail
—
White BG
4.4AA Large
10.4AAA
1.6Fail
19.0AAA
11.8AAA
Black BG
4.8AA
2.0Fail
12.9AAA
1.1Fail
1.8Fail

Color Blindness Simulation Color Blindness Simulation

Protanopia

969537
494838
CACA81
141406
47460B

Deuteranopia

9DA639
505A33
C9C788
151607
4A4E0D

Tritanopia

C33E40
7A2A27
C3969B
190808
5B1214

Achromatopsia

737373
2F2F2F
C2C2C2
101010
343434

Shades & Tints Shades & Tints

#C9542E

Dark
Light

#800149

Dark
Light

#C2D467

Dark
Light

Code Snippets Code Snippets

CSS Custom Properties

:root {
  --color-1: #c9542e;
  --color-2: #800149;
  --color-3: #c2d467;
  --color-4: #1a0d04;
  --color-5: #5e2802;
}

SCSS

$color-1: #c9542e;
$color-2: #800149;
$color-3: #c2d467;
$color-4: #1a0d04;
$color-5: #5e2802;

TAILWIND

colors: {
  'brand-1': '#c9542e',
  'brand-2': '#800149',
  'brand-3': '#c2d467',
  'brand-4': '#1a0d04',
  'brand-5': '#5e2802',
}

RGB Array

[201, 84, 46], [128, 1, 73], [194, 212, 103], [26, 13, 4], [94, 40, 2]

FAQ FAQ

What scenarios is this 5-color palette suitable for?

This earth-style palette of #C9542E, #800149, #C2D467, #1A0D04, #5E2802 is ideal for: social media posters, mobile apps, e-commerce promos, tech websites, dark mode UIs, game UIs, infographics, data visualization, accessible design. Vivid colors effectively attract user attention. High contrast ensures clear visual hierarchy and readability. 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: #c9542e; --color-2: #800149; --color-3: #c2d467; --color-4: #1a0d04; --color-5: #5e2802. 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 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