← Back to Editor

#FCE5B9 · #F9CA86 · #F3B062 · #D19734 · #DD6239

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

#FCE5B9

Goose Yellow · Bisque · Peach Orange

HEX
#FCE5B9
RGB
rgb(252, 229, 185)
HSL
hsl(39, 92%, 86%)
HSB
hsb(39, 27%, 99%)
CMYK
cmyk(0%, 9%, 27%, 1%)
Oklch
oklch(93.0% 0.062 83.5)

Traditional「Goose Yellow」· Paint「Peach Orange」· Creative Honey Glow

#F9CA86

Goose Yellow · Khaki · Warm Sun

HEX
#F9CA86
RGB
rgb(249, 202, 134)
HSL
hsl(35, 91%, 75%)
HSB
hsb(35, 46%, 98%)
CMYK
cmyk(0%, 19%, 46%, 2%)
Oklch
oklch(86.5% 0.101 76.0)

Traditional「Goose Yellow」· Paint「Warm Sun」· Creative Honey Glow

#F3B062

Ginger · SandyBrown · Warm Sun

HEX
#F3B062
RGB
rgb(243, 176, 98)
HSL
hsl(32, 86%, 67%)
HSB
hsb(32, 60%, 95%)
CMYK
cmyk(0%, 28%, 60%, 5%)
Oklch
oklch(80.5% 0.123 68.7)

Traditional「Ginger」· Paint「Warm Sun」· Creative Honey Glow

#D19734

Ginger · GoldenRod · Warm Sun

HEX
#D19734
RGB
rgb(209, 151, 52)
HSL
hsl(38, 63%, 51%)
HSB
hsb(38, 75%, 82%)
CMYK
cmyk(0%, 28%, 75%, 18%)
Oklch
oklch(71.6% 0.131 76.6)

Traditional「Ginger」· Paint「Warm Sun」· Creative Blush Sunrise

#DD6239

Tangerine · Chocolate · Warm Sun

HEX
#DD6239
RGB
rgb(221, 98, 57)
HSL
hsl(15, 71%, 55%)
HSB
hsb(15, 74%, 87%)
CMYK
cmyk(0%, 56%, 74%, 13%)
Oklch
oklch(64.2% 0.164 38.5)

Traditional「Tangerine」· Paint「Warm Sun」· Creative Blush Sunrise

Color Harmonies Color Harmonies

Based on color wheel theory, calculated from primary color

Complementary

FCE5B9
BAD1FC

Analogous

FCC4BA
FCE5B9
F2FCBA

Triadic

FCE5B9
BAFCE5
E5BAFC

Split-Comp.

FCE5B9
BAF2FC
C4BAFC

Tetradic

FCE5B9
BAFCC4
BAD1FC
FCBAF2

Contrast Matrix WCAG 2.1 Contrast

FCE5B9
F9CA86
F3B062
D19734
DD6239
—
1.2
Fail
1.5
Fail
2.1
Fail
2.9
Fail
1.2
Fail
—
1.2
Fail
1.7
Fail
2.4
Fail
1.5
Fail
1.2
Fail
—
1.4
Fail
1.9
Fail
2.1
Fail
1.7
Fail
1.4
Fail
—
1.4
Fail
2.9
Fail
2.4
Fail
1.9
Fail
1.4
Fail
—
White BG
1.2Fail
1.5Fail
1.9Fail
2.6Fail
3.6AA Large
Black BG
17.0AAA
13.8AAA
11.2AAA
8.2AAA
5.9AA

Color Blindness Simulation Color Blindness Simulation

Protanopia

F2F2C4
E5E496
D6D575
B8B74C
A8A743

Deuteranopia

F3F5C6
E7EB9A
DADF79
BBC052
AFB845

Tritanopia

FBCCCE
F7A3A6
F08487
CE5F63
D74B4C

Achromatopsia

E7E7E7
D0D0D0
BBBBBB
9D9D9D
828282

Shades & Tints Shades & Tints

#FCE5B9

Dark
Light

#F9CA86

Dark
Light

#F3B062

Dark
Light

Code Snippets Code Snippets

CSS Custom Properties

:root {
  --color-1: #fce5b9;
  --color-2: #f9ca86;
  --color-3: #f3b062;
  --color-4: #d19734;
  --color-5: #dd6239;
}

SCSS

$color-1: #fce5b9;
$color-2: #f9ca86;
$color-3: #f3b062;
$color-4: #d19734;
$color-5: #dd6239;

TAILWIND

colors: {
  'brand-1': '#fce5b9',
  'brand-2': '#f9ca86',
  'brand-3': '#f3b062',
  'brand-4': '#d19734',
  'brand-5': '#dd6239',
}

RGB Array

[252, 229, 185], [249, 202, 134], [243, 176, 98], [209, 151, 52], [221, 98, 57]

FAQ FAQ

What scenarios is this 5-color palette suitable for?

This earth-style palette of #FCE5B9, #F9CA86, #F3B062, #D19734, #DD6239 is ideal for: social media posters, mobile apps, e-commerce promos, health products, baby brands, fresh-style blogs. 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: #fce5b9; --color-2: #f9ca86; --color-3: #f3b062; --color-4: #d19734; --color-5: #dd6239. 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?

Light tones suit backgrounds; use dark colors for body text. Mid-tones work for card backgrounds or dividers to add depth. 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