← Back to Editor

#FD0F65 · #FB6159 · #FFA85E · #FFDF61 · #E5CA9D

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

#FD0F65

Dark Violet · DeepPink · Rose Pink

HEX
#FD0F65
RGB
rgb(253, 15, 101)
HSL
hsl(338, 98%, 53%)
HSB
hsb(338, 94%, 99%)
CMYK
cmyk(0%, 94%, 60%, 1%)
Oklch
oklch(63.8% 0.251 11.0)

Traditional「Dark Violet」· Paint「Rose Pink」· Creative Blush Sunrise

#FB6159

Peach Pink · Tomato · Coral Red

HEX
#FB6159
RGB
rgb(251, 97, 89)
HSL
hsl(3, 95%, 67%)
HSB
hsb(3, 65%, 98%)
CMYK
cmyk(0%, 61%, 65%, 2%)
Oklch
oklch(69.0% 0.190 26.2)

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

#FFA85E

Apricot · SandyBrown · Warm Sun

HEX
#FFA85E
RGB
rgb(255, 168, 94)
HSL
hsl(28, 100%, 68%)
HSB
hsb(28, 63%, 100%)
CMYK
cmyk(0%, 34%, 63%, 0%)
Oklch
oklch(80.3% 0.136 59.4)

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

#FFDF61

Ginger · Khaki · Sunflower

HEX
#FFDF61
RGB
rgb(255, 223, 97)
HSL
hsl(48, 100%, 69%)
HSB
hsb(48, 62%, 100%)
CMYK
cmyk(0%, 13%, 62%, 0%)
Oklch
oklch(90.7% 0.147 95.0)

Traditional「Ginger」· Paint「Sunflower」· Creative Lemon Fizz

#E5CA9D

Goose Yellow · BurlyWood · Peach Orange

HEX
#E5CA9D
RGB
rgb(229, 202, 157)
HSL
hsl(37, 58%, 76%)
HSB
hsb(37, 31%, 90%)
CMYK
cmyk(0%, 12%, 31%, 10%)
Oklch
oklch(85.1% 0.066 80.3)

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

Color Harmonies Color Harmonies

Based on color wheel theory, calculated from primary color

Complementary

FD0F65
12FDA6

Analogous

FD12DD
FD0F65
FD3112

Triadic

FD0F65
68FD12
1268FD

Split-Comp.

FD0F65
12FD31
12DDFD

Tetradic

FD0F65
DDFD12
12FDA6
3112FD

Contrast Matrix WCAG 2.1 Contrast

FD0F65
FB6159
FFA85E
FFDF61
E5CA9D
—
1.3
Fail
2.0
Fail
2.9
Fail
2.4
Fail
1.3
Fail
—
1.6
Fail
2.3
Fail
1.9
Fail
2.0
Fail
1.6
Fail
—
1.5
Fail
1.2
Fail
2.9
Fail
2.3
Fail
1.5
Fail
—
1.2
Fail
2.4
Fail
1.9
Fail
1.2
Fail
1.2
Fail
—
White BG
3.9AA Large
3.0AA Large
1.9Fail
1.3Fail
1.6Fail
Black BG
5.4AA
7.0AA
11.0AAA
16.0AAA
13.3AAA

Color Blindness Simulation Color Blindness Simulation

Protanopia

969450
B8B75B
D9D970
F1F17F
D9D9A8

Deuteranopia

A4B64B
C1CD5B
DEE574
F3F587
DBDDAB

Tritanopia

F1403C
F35C5D
FB7E81
FD989D
E4B0B2

Achromatopsia

606060
8E8E8E
BABABA
DADADA
CDCDCD

Shades & Tints Shades & Tints

#FD0F65

Dark
Light

#FB6159

Dark
Light

#FFA85E

Dark
Light

Code Snippets Code Snippets

CSS Custom Properties

:root {
  --color-1: #fd0f65;
  --color-2: #fb6159;
  --color-3: #ffa85e;
  --color-4: #ffdf61;
  --color-5: #e5ca9d;
}

SCSS

$color-1: #fd0f65;
$color-2: #fb6159;
$color-3: #ffa85e;
$color-4: #ffdf61;
$color-5: #e5ca9d;

TAILWIND

colors: {
  'brand-1': '#fd0f65',
  'brand-2': '#fb6159',
  'brand-3': '#ffa85e',
  'brand-4': '#ffdf61',
  'brand-5': '#e5ca9d',
}

RGB Array

[253, 15, 101], [251, 97, 89], [255, 168, 94], [255, 223, 97], [229, 202, 157]

FAQ FAQ

What scenarios is this 5-color palette suitable for?

This earth-style palette of #FD0F65, #FB6159, #FFA85E, #FFDF61, #E5CA9D 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: #fd0f65; --color-2: #fb6159; --color-3: #ffa85e; --color-4: #ffdf61; --color-5: #e5ca9d. 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