← Back to Editor

#FACC2A · #FFF482 · #35BABF · #1E92C3 · #366DD7

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

#FACC2A

Ginger · Gold · Sunflower

HEX
#FACC2A
RGB
rgb(250, 204, 42)
HSL
hsl(47, 95%, 57%)
HSB
hsb(47, 83%, 98%)
CMYK
cmyk(0%, 18%, 83%, 2%)
Oklch
oklch(86.1% 0.167 91.2)

Traditional「Ginger」· Paint「Sunflower」· Creative Blush Sunrise

#FFF482

Fresh Green · Khaki · Sunflower

HEX
#FFF482
RGB
rgb(255, 244, 130)
HSL
hsl(55, 100%, 75%)
HSB
hsb(55, 49%, 100%)
CMYK
cmyk(0%, 4%, 49%, 0%)
Oklch
oklch(95.3% 0.136 103.7)

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

#35BABF

Lake Blue · LightSeaGreen · Mint Ice

HEX
#35BABF
RGB
rgb(53, 186, 191)
HSL
hsl(182, 57%, 48%)
HSB
hsb(182, 72%, 75%)
CMYK
cmyk(72%, 3%, 0%, 25%)
Oklch
oklch(72.2% 0.110 198.8)

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

#1E92C3

Lake Blue · LightSeaGreen · Mint Ice

HEX
#1E92C3
RGB
rgb(30, 146, 195)
HSL
hsl(198, 73%, 44%)
HSB
hsb(198, 85%, 76%)
CMYK
cmyk(85%, 25%, 0%, 24%)
Oklch
oklch(62.2% 0.120 232.8)

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

#366DD7

Azure · SteelBlue · Navy Blue

HEX
#366DD7
RGB
rgb(54, 109, 215)
HSL
hsl(220, 67%, 53%)
HSB
hsb(220, 75%, 84%)
CMYK
cmyk(75%, 49%, 0%, 16%)
Oklch
oklch(55.6% 0.173 261.9)

Traditional「Azure」· Paint「Navy Blue」· Creative Blush Sunrise

Color Harmonies Color Harmonies

Based on color wheel theory, calculated from primary color

Complementary

FACC2A
2956FA

Analogous

FA6429
FACC2A
BEFA29

Triadic

FACC2A
29FACC
CC29FA

Split-Comp.

FACC2A
29BEFA
6429FA

Tetradic

FACC2A
29FA64
2956FA
FA29BE

Contrast Matrix WCAG 2.1 Contrast

FACC2A
FFF482
35BABF
1E92C3
366DD7
—
1.3
Fail
1.5
Fail
2.3
Fail
3.2
AA Large
1.3
Fail
—
2.1
Fail
3.1
AA Large
4.3
AA Large
1.5
Fail
2.1
Fail
—
1.5
Fail
2.1
Fail
2.3
Fail
3.1
AA Large
1.5
Fail
—
1.4
Fail
3.2
AA Large
4.3
AA Large
2.1
Fail
1.4
Fail
—
White BG
1.5Fail
1.1Fail
2.4Fail
3.5AA Large
4.9AA
Black BG
13.7AAA
18.5AAA
8.9AAA
6.0AA
4.3AA Large

Color Blindness Simulation Color Blindness Simulation

Protanopia

E6E651
FAFA9E
6F70BE
5051B7
4E4EBD

Deuteranopia

E9EC5B
FBFCA4
675DBE
4A41B4
4B47B7

Tritanopia

F87077
FEB3B8
3CBDBD
24AEAC
39A9A5

Achromatopsia

C7C7C7
EAEAEA
939393
757575
696969

Shades & Tints Shades & Tints

#FACC2A

Dark
Light

#FFF482

Dark
Light

#35BABF

Dark
Light

Code Snippets Code Snippets

CSS Custom Properties

:root {
  --color-1: #facc2a;
  --color-2: #fff482;
  --color-3: #35babf;
  --color-4: #1e92c3;
  --color-5: #366dd7;
}

SCSS

$color-1: #facc2a;
$color-2: #fff482;
$color-3: #35babf;
$color-4: #1e92c3;
$color-5: #366dd7;

TAILWIND

colors: {
  'brand-1': '#facc2a',
  'brand-2': '#fff482',
  'brand-3': '#35babf',
  'brand-4': '#1e92c3',
  'brand-5': '#366dd7',
}

RGB Array

[250, 204, 42], [255, 244, 130], [53, 186, 191], [30, 146, 195], [54, 109, 215]

FAQ FAQ

What scenarios is this 5-color palette suitable for?

This earth-style palette of #FACC2A, #FFF482, #35BABF, #1E92C3, #366DD7 is ideal for: social media posters, mobile apps, e-commerce promos. 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: #facc2a; --color-2: #fff482; --color-3: #35babf; --color-4: #1e92c3; --color-5: #366dd7. 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. 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