← Back to Editor

#C7C716 · #99991D · #705324 · #452B01 · #00FFE5

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

#C7C716

Autumn Sage · GoldenRod · Honey Gold

HEX
#C7C716
RGB
rgb(199, 199, 22)
HSL
hsl(60, 80%, 43%)
HSB
hsb(60, 89%, 78%)
CMYK
cmyk(0%, 0%, 89%, 22%)
Oklch
oklch(80.3% 0.171 109.7)

Traditional「Autumn Sage」· Paint「Honey Gold」· Creative Blush Sunrise

#99991D

Autumn Sage · DarkGoldenRod · Honey Gold

HEX
#99991D
RGB
rgb(153, 153, 29)
HSL
hsl(60, 68%, 36%)
HSB
hsb(60, 81%, 60%)
CMYK
cmyk(0%, 0%, 81%, 40%)
Oklch
oklch(66.2% 0.136 109.6)

Traditional「Autumn Sage」· Paint「Honey Gold」· Creative Blush Sunrise

#705324

Ochre · DarkOliveGreen · Amber Brown

HEX
#705324
RGB
rgb(112, 83, 36)
HSL
hsl(37, 51%, 29%)
HSB
hsb(37, 68%, 44%)
CMYK
cmyk(0%, 26%, 68%, 56%)
Oklch
oklch(46.3% 0.074 77.1)

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

#452B01

Ochre · Maroon · Cinnamon

HEX
#452B01
RGB
rgb(69, 43, 1)
HSL
hsl(37, 97%, 14%)
HSB
hsb(37, 99%, 27%)
CMYK
cmyk(0%, 38%, 99%, 73%)
Oklch
oklch(31.4% 0.066 73.1)

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

#00FFE5

Mineral Blue · Cyan · Mint Ice

HEX
#00FFE5
RGB
rgb(0, 255, 229)
HSL
hsl(174, 100%, 50%)
HSB
hsb(174, 100%, 100%)
CMYK
cmyk(100%, 0%, 10%, 0%)
Oklch
oklch(89.7% 0.161 182.0)

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

Color Harmonies Color Harmonies

Based on color wheel theory, calculated from primary color

Complementary

C7C716
1616C5

Analogous

C56E16
C7C716
6EC516

Triadic

C7C716
16C5C5
C516C5

Split-Comp.

C7C716
166EC5
6E16C5

Tetradic

C7C716
16C56E
1616C5
C5166E

Contrast Matrix WCAG 2.1 Contrast

C7C716
99991D
705324
452B01
00FFE5
—
1.7
Fail
3.9
AA Large
7.3
AAA
1.4
Fail
1.7
Fail
—
2.3
Fail
4.3
AA Large
2.4
Fail
3.9
AA Large
2.3
Fail
—
1.8
Fail
5.6
AA
7.3
AAA
4.3
AA Large
1.8
Fail
—
10.3
AAA
1.4
Fail
2.4
Fail
5.6
AA
10.3
AAA
—
White BG
1.8Fail
3.0AA Large
7.1AAA
13.1AAA
1.3Fail
Black BG
11.6AAA
6.9AA
3.0Fail
1.6Fail
16.4AAA

Color Blindness Simulation Color Blindness Simulation

Protanopia

C7C741
99993B
63632F
3A3A0B
6E71EB

Deuteranopia

C7C74B
999942
656732
3B3D0E
604DED

Tritanopia

C7636A
995358
6F383A
441315
0DF0F1

Achromatopsia

B3B3B3
8B8B8B
565656
2E2E2E
B0B0B0

Shades & Tints Shades & Tints

#C7C716

Dark
Light

#99991D

Dark
Light

#705324

Dark
Light

Code Snippets Code Snippets

CSS Custom Properties

:root {
  --color-1: #c7c716;
  --color-2: #99991d;
  --color-3: #705324;
  --color-4: #452b01;
  --color-5: #00ffe5;
}

SCSS

$color-1: #c7c716;
$color-2: #99991d;
$color-3: #705324;
$color-4: #452b01;
$color-5: #00ffe5;

TAILWIND

colors: {
  'brand-1': '#c7c716',
  'brand-2': '#99991d',
  'brand-3': '#705324',
  'brand-4': '#452b01',
  'brand-5': '#00ffe5',
}

RGB Array

[199, 199, 22], [153, 153, 29], [112, 83, 36], [69, 43, 1], [0, 255, 229]

FAQ FAQ

What scenarios is this 5-color palette suitable for?

This earth-style palette of #C7C716, #99991D, #705324, #452B01, #00FFE5 is ideal for: social media posters, mobile apps, e-commerce promos, tech websites, dark mode UIs, game UIs. 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: #c7c716; --color-2: #99991d; --color-3: #705324; --color-4: #452b01; --color-5: #00ffe5. 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?

Dark tones work well as backgrounds; pair with light text for readability. Use the brightest color for CTA buttons and interactive elements. 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