← Back to Editor

#132A65 · #EA8215 · #D75720 · #9E2B33 · #273D3F

earth

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

Scene Recommendations Scene Recommendations

Emotion EMOTION

PassionateDynamicWarmCool

Industry INDUSTRY

EntertainmentFMCG

UI Context UI CONTEXT

Sale PromoSocial App

Color Details Color Details

#132A65

Indigo · MidnightBlue · Prussian Blue

HEX
#132A65
RGB
rgb(19, 42, 101)
HSL
hsl(223, 68%, 24%)
HSB
hsb(223, 81%, 40%)
CMYK
cmyk(81%, 58%, 0%, 60%)
Oklch
oklch(30.7% 0.108 264.6)

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

#EA8215

Ochre · Chocolate · Amber Brown

HEX
#EA8215
RGB
rgb(234, 130, 21)
HSL
hsl(31, 84%, 50%)
HSB
hsb(31, 91%, 92%)
CMYK
cmyk(0%, 44%, 91%, 8%)
Oklch
oklch(70.7% 0.164 58.0)

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

#D75720

Tangerine · Chocolate · Amber Brown

HEX
#D75720
RGB
rgb(215, 87, 32)
HSL
hsl(18, 74%, 48%)
HSB
hsb(18, 85%, 84%)
CMYK
cmyk(0%, 60%, 85%, 16%)
Oklch
oklch(61.6% 0.173 40.8)

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

#9E2B33

Crimson · Brown · Wine Red

HEX
#9E2B33
RGB
rgb(158, 43, 51)
HSL
hsl(356, 57%, 39%)
HSB
hsb(356, 73%, 62%)
CMYK
cmyk(0%, 73%, 68%, 38%)
Oklch
oklch(47.0% 0.150 21.5)

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

#273D3F

Slate Blue · DarkSlateGray · Peacock Green

HEX
#273D3F
RGB
rgb(39, 61, 63)
HSL
hsl(185, 24%, 20%)
HSB
hsb(185, 38%, 25%)
CMYK
cmyk(38%, 3%, 0%, 75%)
Oklch
oklch(34.3% 0.028 203.1)

Traditional「Slate Blue」· Paint「Peacock Green」· Creative Blush Sunrise

Color Harmonies Color Harmonies

Based on color wheel theory, calculated from primary color

Complementary

132A65
674F14

Analogous

145567
132A65
261467

Triadic

132A65
67142B
2B6714

Split-Comp.

132A65
672614
556714

Tetradic

132A65
671455
674F14
146726

Contrast Matrix WCAG 2.1 Contrast

132A65
EA8215
D75720
9E2B33
273D3F
—
5.0
AA
3.4
AA Large
1.8
Fail
1.2
Fail
5.0
AA
—
1.5
Fail
2.7
Fail
4.2
AA Large
3.4
AA Large
1.5
Fail
—
1.9
Fail
2.9
Fail
1.8
Fail
2.7
Fail
1.9
Fail
—
1.6
Fail
1.2
Fail
4.2
AA Large
2.9
Fail
1.6
Fail
—
White BG
13.6AAA
2.7Fail
4.0AA Large
7.4AAA
11.5AAA
Black BG
1.5Fail
7.7AAA
5.3AA
2.8Fail
1.8Fail

Color Blindness Simulation Color Blindness Simulation

Protanopia

1D1D57
BDBC2F
A09E2D
6C6B31
31313F

Deuteranopia

1C1A53
C3CB36
A7B131
737C31
2F2E3E

Tritanopia

144B49
E54449
D1383A
98302F
283E3E

Achromatopsia

2A2A2A
959595
777777
4E4E4E
373737

Shades & Tints Shades & Tints

#132A65

Dark
Light

#EA8215

Dark
Light

#D75720

Dark
Light

Code Snippets Code Snippets

CSS Custom Properties

:root {
  --color-1: #132a65;
  --color-2: #ea8215;
  --color-3: #d75720;
  --color-4: #9e2b33;
  --color-5: #273d3f;
}

SCSS

$color-1: #132a65;
$color-2: #ea8215;
$color-3: #d75720;
$color-4: #9e2b33;
$color-5: #273d3f;

TAILWIND

colors: {
  'brand-1': '#132a65',
  'brand-2': '#ea8215',
  'brand-3': '#d75720',
  'brand-4': '#9e2b33',
  'brand-5': '#273d3f',
}

RGB Array

[19, 42, 101], [234, 130, 21], [215, 87, 32], [158, 43, 51], [39, 61, 63]

FAQ FAQ

What scenarios is this 5-color palette suitable for?

This earth-style palette of #132A65, #EA8215, #D75720, #9E2B33, #273D3F 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: #132a65; --color-2: #ea8215; --color-3: #d75720; --color-4: #9e2b33; --color-5: #273d3f. 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