← Back to Editor

#F6E7D2 · #452A04 · #9C5F09 · #F7ADC0 · #F691AB

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

#F6E7D2

Goose Yellow · Bisque · Peach Orange

HEX
#F6E7D2
RGB
rgb(246, 231, 210)
HSL
hsl(35, 67%, 89%)
HSB
hsb(35, 15%, 96%)
CMYK
cmyk(0%, 6%, 15%, 4%)
Oklch
oklch(93.4% 0.032 76.4)

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

#452A04

Ochre · Maroon · Cinnamon

HEX
#452A04
RGB
rgb(69, 42, 4)
HSL
hsl(35, 89%, 14%)
HSB
hsb(35, 94%, 27%)
CMYK
cmyk(0%, 39%, 94%, 73%)
Oklch
oklch(31.2% 0.064 69.8)

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

#9C5F09

Ochre · Sienna · Amber Brown

HEX
#9C5F09
RGB
rgb(156, 95, 9)
HSL
hsl(35, 89%, 32%)
HSB
hsb(35, 94%, 61%)
CMYK
cmyk(0%, 39%, 94%, 39%)
Oklch
oklch(54.2% 0.117 66.3)

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

#F7ADC0

Peach Pink · LightPink · Cherry Blossom

HEX
#F7ADC0
RGB
rgb(247, 173, 192)
HSL
hsl(345, 82%, 82%)
HSB
hsb(345, 30%, 97%)
CMYK
cmyk(0%, 30%, 22%, 3%)
Oklch
oklch(82.3% 0.090 2.4)

Traditional「Peach Pink」· Paint「Cherry Blossom」· Creative Rose Petal

#F691AB

Peach Pink · LightPink · Coral Red

HEX
#F691AB
RGB
rgb(246, 145, 171)
HSL
hsl(345, 85%, 77%)
HSB
hsb(345, 41%, 96%)
CMYK
cmyk(0%, 41%, 30%, 4%)
Oklch
oklch(76.9% 0.125 3.9)

Traditional「Peach Pink」· Paint「Coral Red」· Creative Rose Petal

Color Harmonies Color Harmonies

Based on color wheel theory, calculated from primary color

Complementary

F6E7D2
D0E0F6

Analogous

F6D3D0
F6E7D2
F3F6D0

Triadic

F6E7D2
D0F6E6
E6D0F6

Split-Comp.

F6E7D2
D0F3F6
D3D0F6

Tetradic

F6E7D2
D0F6D3
D0E0F6
F6D0F3

Contrast Matrix WCAG 2.1 Contrast

F6E7D2
452A04
9C5F09
F7ADC0
F691AB
—
10.9
AAA
4.3
AA Large
1.5
Fail
1.8
Fail
10.9
AAA
—
2.6
Fail
7.4
AAA
6.0
AA
4.3
AA Large
2.6
Fail
—
2.9
Fail
2.4
Fail
1.5
Fail
7.4
AAA
2.9
Fail
—
1.2
Fail
1.8
Fail
6.0
AA
2.4
Fail
1.2
Fail
—
White BG
1.2Fail
13.2AAA
5.2AA
1.8Fail
2.2Fail
Black BG
17.3AAA
1.6Fail
4.1AA Large
11.7AAA
9.6AAA

Color Blindness Simulation Color Blindness Simulation

Protanopia

F0EFD7
39390D
82811E
D7D6BB
CAC9A5

Deuteranopia

F0F2D8
3B3D0F
858A23
DBE1BA
D0D8A3

Tritanopia

F5DBDC
441416
992E32
F3B8B7
F1A09F

Achromatopsia

E9E9E9
2E2E2E
676767
C5C5C5
B2B2B2

Shades & Tints Shades & Tints

#F6E7D2

Dark
Light

#452A04

Dark
Light

#9C5F09

Dark
Light

Code Snippets Code Snippets

CSS Custom Properties

:root {
  --color-1: #f6e7d2;
  --color-2: #452a04;
  --color-3: #9c5f09;
  --color-4: #f7adc0;
  --color-5: #f691ab;
}

SCSS

$color-1: #f6e7d2;
$color-2: #452a04;
$color-3: #9c5f09;
$color-4: #f7adc0;
$color-5: #f691ab;

TAILWIND

colors: {
  'brand-1': '#f6e7d2',
  'brand-2': '#452a04',
  'brand-3': '#9c5f09',
  'brand-4': '#f7adc0',
  'brand-5': '#f691ab',
}

RGB Array

[246, 231, 210], [69, 42, 4], [156, 95, 9], [247, 173, 192], [246, 145, 171]

FAQ FAQ

What scenarios is this 5-color palette suitable for?

This earth-style palette of #F6E7D2, #452A04, #9C5F09, #F7ADC0, #F691AB 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: #f6e7d2; --color-2: #452a04; --color-3: #9c5f09; --color-4: #f7adc0; --color-5: #f691ab. 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