← Back to Editor

#73D7EF · #AEF0E6 · #E9F2BD · #E2D881 · #C28340

earth

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

Scene Recommendations Scene Recommendations

Emotion EMOTION

PassionateDynamicWarmCool

Industry INDUSTRY

EntertainmentFMCG

UI Context UI CONTEXT

Sale PromoSocial App

Color Details Color Details

#73D7EF

Sky Blue · SkyBlue · Lake Green

HEX
#73D7EF
RGB
rgb(115, 215, 239)
HSL
hsl(192, 79%, 69%)
HSB
hsb(192, 52%, 94%)
CMYK
cmyk(52%, 10%, 0%, 6%)
Oklch
oklch(82.7% 0.099 215.3)

Traditional「Sky Blue」· Paint「Lake Green」· Creative Arctic Pool

#AEF0E6

Jade · LightBlue · Glacier Blue

HEX
#AEF0E6
RGB
rgb(174, 240, 230)
HSL
hsl(171, 69%, 81%)
HSB
hsb(171, 27%, 94%)
CMYK
cmyk(27%, 0%, 4%, 6%)
Oklch
oklch(90.8% 0.067 184.5)

Traditional「Jade」· Paint「Glacier Blue」· Creative Arctic Pool

#E9F2BD

Willow Green · Wheat · Mint Green

HEX
#E9F2BD
RGB
rgb(233, 242, 189)
HSL
hsl(70, 67%, 85%)
HSB
hsb(70, 22%, 95%)
CMYK
cmyk(4%, 0%, 22%, 5%)
Oklch
oklch(94.1% 0.070 115.6)

Traditional「Willow Green」· Paint「Mint Green」· Creative Mint Breeze

#E2D881

Fresh Green · Khaki · Sunflower

HEX
#E2D881
RGB
rgb(226, 216, 129)
HSL
hsl(54, 63%, 70%)
HSB
hsb(54, 43%, 89%)
CMYK
cmyk(0%, 4%, 43%, 11%)
Oklch
oklch(87.1% 0.109 102.7)

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

#C28340

Ginger · Chocolate · Warm Sun

HEX
#C28340
RGB
rgb(194, 131, 64)
HSL
hsl(31, 52%, 51%)
HSB
hsb(31, 67%, 76%)
CMYK
cmyk(0%, 32%, 67%, 24%)
Oklch
oklch(66.1% 0.114 65.1)

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

Color Harmonies Color Harmonies

Based on color wheel theory, calculated from primary color

Complementary

73D7EF
EE8A72

Analogous

72EEC9
73D7EF
7297EE

Triadic

73D7EF
EE72D5
D5EE72

Split-Comp.

73D7EF
EE7297
EEC972

Tetradic

73D7EF
C972EE
EE8A72
97EE72

Contrast Matrix WCAG 2.1 Contrast

73D7EF
AEF0E6
E9F2BD
E2D881
C28340
—
1.3
Fail
1.4
Fail
1.1
Fail
1.9
Fail
1.3
Fail
—
1.1
Fail
1.1
Fail
2.5
Fail
1.4
Fail
1.1
Fail
—
1.2
Fail
2.7
Fail
1.1
Fail
1.1
Fail
1.2
Fail
—
2.2
Fail
1.9
Fail
2.5
Fail
2.7
Fail
2.2
Fail
—
White BG
1.7Fail
1.3Fail
1.2Fail
1.5Fail
3.2AA Large
Black BG
12.7AAA
16.4AAA
17.9AAA
14.4AAA
6.6AA

Color Blindness Simulation Color Blindness Simulation

Protanopia

9E9FE9
CBCBE8
EDEDCA
DEDE96
A7A650

Deuteranopia

9991E8
C7C2E9
ECECCD
DEDF9B
AAAF54

Tritanopia

78E5E4
B1EAEB
E9D4D6
E2A7AA
BF5D60

Achromatopsia

BCBCBC
DBDBDB
E9E9E9
D1D1D1
8E8E8E

Shades & Tints Shades & Tints

#73D7EF

Dark
Light

#AEF0E6

Dark
Light

#E9F2BD

Dark
Light

Code Snippets Code Snippets

CSS Custom Properties

:root {
  --color-1: #73d7ef;
  --color-2: #aef0e6;
  --color-3: #e9f2bd;
  --color-4: #e2d881;
  --color-5: #c28340;
}

SCSS

$color-1: #73d7ef;
$color-2: #aef0e6;
$color-3: #e9f2bd;
$color-4: #e2d881;
$color-5: #c28340;

TAILWIND

colors: {
  'brand-1': '#73d7ef',
  'brand-2': '#aef0e6',
  'brand-3': '#e9f2bd',
  'brand-4': '#e2d881',
  'brand-5': '#c28340',
}

RGB Array

[115, 215, 239], [174, 240, 230], [233, 242, 189], [226, 216, 129], [194, 131, 64]

FAQ FAQ

What scenarios is this 5-color palette suitable for?

This earth-style palette of #73D7EF, #AEF0E6, #E9F2BD, #E2D881, #C28340 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: #73d7ef; --color-2: #aef0e6; --color-3: #e9f2bd; --color-4: #e2d881; --color-5: #c28340. 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