← Back to Editor

#FEFEE7 · #A4D0C4 · #72C4B9 · #446665

earth

A 4-color earth palette · Complete color analysis and application guide

Scene Recommendations Scene Recommendations

Emotion EMOTION

AiryCleanCool

Industry INDUSTRY

HealthcareSaaS

UI Context UI CONTEXT

WorkspaceReadingData Visualization

Color Details Color Details

#FEFEE7

Fresh Green · LightYellow · Lemon Cream

HEX
#FEFEE7
RGB
rgb(254, 254, 231)
HSL
hsl(60, 92%, 95%)
HSB
hsb(60, 9%, 100%)
CMYK
cmyk(0%, 0%, 9%, 0%)
Oklch
oklch(99.1% 0.030 106.9)

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

#A4D0C4

Jade · LightSteelBlue · Lake Green

HEX
#A4D0C4
RGB
rgb(164, 208, 196)
HSL
hsl(164, 32%, 73%)
HSB
hsb(164, 21%, 82%)
CMYK
cmyk(21%, 0%, 6%, 18%)
Oklch
oklch(82.3% 0.049 176.5)

Traditional「Jade」· Paint「Lake Green」· Creative Arctic Pool

#72C4B9

Jade · MediumAquaMarine · Lake Green

HEX
#72C4B9
RGB
rgb(114, 196, 185)
HSL
hsl(172, 41%, 61%)
HSB
hsb(172, 42%, 77%)
CMYK
cmyk(42%, 0%, 6%, 23%)
Oklch
oklch(76.5% 0.082 184.7)

Traditional「Jade」· Paint「Lake Green」· Creative Arctic Pool

#446665

Mineral Blue · DimGray · Mint Ice

HEX
#446665
RGB
rgb(68, 102, 101)
HSL
hsl(178, 20%, 33%)
HSB
hsb(178, 33%, 40%)
CMYK
cmyk(33%, 0%, 1%, 60%)
Oklch
oklch(48.4% 0.039 193.6)

Traditional「Mineral Blue」· Paint「Mint Ice」· Creative Blush Sunrise

Color Harmonies Color Harmonies

Based on color wheel theory, calculated from primary color

Complementary

FEFEE7
E7E7FE

Analogous

FEF2E7
FEFEE7
F2FEE7

Triadic

FEFEE7
E7FEFE
FEE7FE

Split-Comp.

FEFEE7
E7F2FE
F2E7FE

Tetradic

FEFEE7
E7FEF2
E7E7FE
FEE7F2

Contrast Matrix WCAG 2.1 Contrast

FEFEE7
A4D0C4
72C4B9
446665
—
1.7
Fail
2.0
Fail
6.2
AA
1.7
Fail
—
1.2
Fail
3.7
AA Large
2.0
Fail
1.2
Fail
—
3.1
AA Large
6.2
AA
3.7
AA Large
3.1
AA Large
—
White BG
1.0Fail
1.7Fail
2.0Fail
6.3AA
Black BG
20.5AAA
12.4AAA
10.3AAA
3.3AA Large

Color Blindness Simulation Color Blindness Simulation

Protanopia

FEFEED
B7B7C7
9696BC
535365

Deuteranopia

FEFEEE
B5B1C8
918BBC
514E65

Tritanopia

FEF1F2
A6C9CA
76BEBE
466565

Achromatopsia

FBFBFB
C1C1C1
AAAAAA
5C5C5C

Shades & Tints Shades & Tints

#FEFEE7

Dark
Light

#A4D0C4

Dark
Light

#72C4B9

Dark
Light

Code Snippets Code Snippets

CSS Custom Properties

:root {
  --color-1: #fefee7;
  --color-2: #a4d0c4;
  --color-3: #72c4b9;
  --color-4: #446665;
}

SCSS

$color-1: #fefee7;
$color-2: #a4d0c4;
$color-3: #72c4b9;
$color-4: #446665;

TAILWIND

colors: {
  'brand-1': '#fefee7',
  'brand-2': '#a4d0c4',
  'brand-3': '#72c4b9',
  'brand-4': '#446665',
}

RGB Array

[254, 254, 231], [164, 208, 196], [114, 196, 185], [68, 102, 101]

FAQ FAQ

What scenarios is this 4-color palette suitable for?

This earth-style palette of #FEFEE7, #A4D0C4, #72C4B9, #446665 is ideal for: health products, baby brands, fresh-style blogs, infographics, data visualization, accessible design. High contrast ensures clear visual hierarchy and readability. It is a balanced and harmonious choice among 4-color palettes.

How to use this palette in CSS or frontend projects?

Copy the CSS variables directly: --color-1: #fefee7; --color-2: #a4d0c4; --color-3: #72c4b9; --color-4: #446665. 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. 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 4-color scheme is especially suited for tech, SaaS, healthcare, eco industries. 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