← Back to Editor

#FFFFDA · #90560C · #3D1315 · #5A3429 · #A84211

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

#FFFFDA

Fresh Green · LightYellow · Lemon Cream

HEX
#FFFFDA
RGB
rgb(255, 255, 218)
HSL
hsl(60, 100%, 93%)
HSB
hsb(60, 15%, 100%)
CMYK
cmyk(0%, 0%, 15%, 0%)
Oklch
oklch(99.1% 0.048 107.2)

Traditional「Fresh Green」· Paint「Lemon Cream」· Creative Lemon Fizz

#90560C

Ochre · Sienna · Amber Brown

HEX
#90560C
RGB
rgb(144, 86, 12)
HSL
hsl(34, 85%, 31%)
HSB
hsb(34, 92%, 56%)
CMYK
cmyk(0%, 40%, 92%, 44%)
Oklch
oklch(50.8% 0.110 64.6)

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

#3D1315

Crimson · Black · Deep Berry

HEX
#3D1315
RGB
rgb(61, 19, 21)
HSL
hsl(357, 53%, 16%)
HSB
hsb(357, 69%, 24%)
CMYK
cmyk(0%, 69%, 66%, 76%)
Oklch
oklch(25.5% 0.066 20.2)

Traditional「Crimson」· Paint「Deep Berry」· Creative Blush Sunrise

#5A3429

Crimson · DarkOliveGreen · Wine Red

HEX
#5A3429
RGB
rgb(90, 52, 41)
HSL
hsl(13, 37%, 26%)
HSB
hsb(13, 54%, 35%)
CMYK
cmyk(0%, 42%, 54%, 65%)
Oklch
oklch(36.9% 0.058 36.9)

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

#A84211

Tangerine · Sienna · Amber Brown

HEX
#A84211
RGB
rgb(168, 66, 17)
HSL
hsl(19, 82%, 36%)
HSB
hsb(19, 90%, 66%)
CMYK
cmyk(0%, 61%, 90%, 34%)
Oklch
oklch(51.2% 0.146 41.8)

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

Color Harmonies Color Harmonies

Based on color wheel theory, calculated from primary color

Complementary

FFFFDA
DBDBFF

Analogous

FFEDDB
FFFFDA
EDFFDB

Triadic

FFFFDA
DBFFFF
FFDBFF

Split-Comp.

FFFFDA
DBEDFF
EDDBFF

Tetradic

FFFFDA
DBFFED
DBDBFF
FFDBED

Contrast Matrix WCAG 2.1 Contrast

FFFFDA
90560C
3D1315
5A3429
A84211
—
5.8
AA
15.8
AAA
10.5
AAA
6.0
AA
5.8
AA
—
2.7
Fail
1.8
Fail
1.0
Fail
15.8
AAA
2.7
Fail
—
1.5
Fail
2.7
Fail
10.5
AAA
1.8
Fail
1.5
Fail
—
1.8
Fail
6.0
AA
1.0
Fail
2.7
Fail
1.8
Fail
—
White BG
1.0Fail
6.0AA
16.1AAA
10.7AAA
6.1AA
Black BG
20.6AAA
3.5AA Large
1.3Fail
2.0Fail
3.5AA Large

Color Blindness Simulation Color Blindness Simulation

Protanopia

FFFFE3
77761E
2B2A15
4A492C
7C7B1D

Deuteranopia

FFFFE5
7A7F22
2D3014
4C4F2C
828920

Tritanopia

FFEAEC
8D2C2F
3B1414
582E2E
A32628

Achromatopsia

FBFBFB
5F5F5F
202020
3E3E3E
5B5B5B

Shades & Tints Shades & Tints

#FFFFDA

Dark
Light

#90560C

Dark
Light

#3D1315

Dark
Light

Code Snippets Code Snippets

CSS Custom Properties

:root {
  --color-1: #ffffda;
  --color-2: #90560c;
  --color-3: #3d1315;
  --color-4: #5a3429;
  --color-5: #a84211;
}

SCSS

$color-1: #ffffda;
$color-2: #90560c;
$color-3: #3d1315;
$color-4: #5a3429;
$color-5: #a84211;

TAILWIND

colors: {
  'brand-1': '#ffffda',
  'brand-2': '#90560c',
  'brand-3': '#3d1315',
  'brand-4': '#5a3429',
  'brand-5': '#a84211',
}

RGB Array

[255, 255, 218], [144, 86, 12], [61, 19, 21], [90, 52, 41], [168, 66, 17]

FAQ FAQ

What scenarios is this 5-color palette suitable for?

This earth-style palette of #FFFFDA, #90560C, #3D1315, #5A3429, #A84211 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: #ffffda; --color-2: #90560c; --color-3: #3d1315; --color-4: #5a3429; --color-5: #a84211. 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