← Back to Editor

#F94C3E · #FD7045 · #FFDE9B · #60492A · #42352C

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

#F94C3E

Peach Pink · Tomato · Coral Red

HEX
#F94C3E
RGB
rgb(249, 76, 62)
HSL
hsl(4, 94%, 61%)
HSB
hsb(4, 75%, 98%)
CMYK
cmyk(0%, 69%, 75%, 2%)
Oklch
oklch(66.0% 0.212 28.8)

Traditional「Peach Pink」· Paint「Coral Red」· Creative Blush Sunrise

#FD7045

Peach Pink · Tomato · Coral Red

HEX
#FD7045
RGB
rgb(253, 112, 69)
HSL
hsl(14, 98%, 63%)
HSB
hsb(14, 73%, 99%)
CMYK
cmyk(0%, 56%, 73%, 1%)
Oklch
oklch(71.0% 0.182 37.4)

Traditional「Peach Pink」· Paint「Coral Red」· Creative Blush Sunrise

#FFDE9B

Goose Yellow · Khaki · Lemon Cream

HEX
#FFDE9B
RGB
rgb(255, 222, 155)
HSL
hsl(40, 100%, 80%)
HSB
hsb(40, 39%, 100%)
CMYK
cmyk(0%, 13%, 39%, 0%)
Oklch
oklch(91.3% 0.092 84.5)

Traditional「Goose Yellow」· Paint「Lemon Cream」· Creative Lemon Fizz

#60492A

Ochre · DarkOliveGreen · Amber Brown

HEX
#60492A
RGB
rgb(96, 73, 42)
HSL
hsl(34, 39%, 27%)
HSB
hsb(34, 56%, 38%)
CMYK
cmyk(0%, 24%, 56%, 62%)
Oklch
oklch(42.2% 0.055 73.6)

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

#42352C

Tangerine · DarkSlateGray · Cinnamon

HEX
#42352C
RGB
rgb(66, 53, 44)
HSL
hsl(25, 20%, 22%)
HSB
hsb(25, 33%, 26%)
CMYK
cmyk(0%, 20%, 33%, 74%)
Oklch
oklch(34.0% 0.024 56.5)

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

Color Harmonies Color Harmonies

Based on color wheel theory, calculated from primary color

Complementary

F94C3E
3EEDF9

Analogous

F93E8F
F94C3E
F9A83E

Triadic

F94C3E
3EF94B
4B3EF9

Split-Comp.

F94C3E
3EF9A8
3E8FF9

Tetradic

F94C3E
8FF93E
3EEDF9
A83EF9

Contrast Matrix WCAG 2.1 Contrast

F94C3E
FD7045
FFDE9B
60492A
42352C
—
1.2
Fail
2.6
Fail
2.5
Fail
3.4
AA Large
1.2
Fail
—
2.1
Fail
3.1
AA Large
4.3
AA Large
2.6
Fail
2.1
Fail
—
6.5
AA
9.1
AAA
2.5
Fail
3.1
AA Large
6.5
AA
—
1.4
Fail
3.4
AA Large
4.3
AA Large
9.1
AAA
1.4
Fail
—
White BG
3.4AA Large
2.8Fail
1.3Fail
8.5AAA
11.8AAA
Black BG
6.1AA
7.6AAA
16.2AAA
2.5Fail
1.8Fail

Color Blindness Simulation Color Blindness Simulation

Protanopia

AEAD41
C0BF4F
F1F0AB
565632
3C3C2E

Deuteranopia

B8C542
C8D352
F3F5AF
575933
3D3E2F

Tritanopia

F04445
F65859
FDB8BB
5F3739
413030

Achromatopsia

7E7E7E
959595
E0E0E0
4C4C4C
383838

Shades & Tints Shades & Tints

#F94C3E

Dark
Light

#FD7045

Dark
Light

#FFDE9B

Dark
Light

Code Snippets Code Snippets

CSS Custom Properties

:root {
  --color-1: #f94c3e;
  --color-2: #fd7045;
  --color-3: #ffde9b;
  --color-4: #60492a;
  --color-5: #42352c;
}

SCSS

$color-1: #f94c3e;
$color-2: #fd7045;
$color-3: #ffde9b;
$color-4: #60492a;
$color-5: #42352c;

TAILWIND

colors: {
  'brand-1': '#f94c3e',
  'brand-2': '#fd7045',
  'brand-3': '#ffde9b',
  'brand-4': '#60492a',
  'brand-5': '#42352c',
}

RGB Array

[249, 76, 62], [253, 112, 69], [255, 222, 155], [96, 73, 42], [66, 53, 44]

FAQ FAQ

What scenarios is this 5-color palette suitable for?

This earth-style palette of #F94C3E, #FD7045, #FFDE9B, #60492A, #42352C is ideal for: social media posters, mobile apps, e-commerce promos, 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: #f94c3e; --color-2: #fd7045; --color-3: #ffde9b; --color-4: #60492a; --color-5: #42352c. 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?

Medium-brightness colors suit brand primary and accent colors. Use the darkest for text, lightest for backgrounds, and mid-tones for emphasis. 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