#AED1D7 + #515965 + #C7666D + #E6A268 + #F9E178 · earth - Color Palette

Scene Recommendations Scene Recommendations

Emotion EMOTION

HarmoniousVersatileWarmCool

Industry INDUSTRY

E-commerceBusiness

UI Context UI CONTEXT

Web PageComponent Library

Color Details Color Details

#AED1D7

Sky Blue · LightSteelBlue · Glacier Blue

HEX

#AED1D7

RGB

rgb(174, 209, 215)

HSL

hsl(189, 34%, 76%)

HSB

hsb(189, 19%, 84%)

CMYK

cmyk(19%, 3%, 0%, 16%)

Oklch

oklch(83.7% 0.038 209.1)

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

#515965

Indigo · DimGray · Prussian Blue

HEX

#515965

RGB

rgb(81, 89, 101)

HSL

hsl(216, 11%, 36%)

HSB

hsb(216, 20%, 40%)

CMYK

cmyk(20%, 12%, 0%, 60%)

Oklch

oklch(46.1% 0.022 258.4)

Traditional「Indigo」· Paint「Prussian Blue」· Creative Blush Sunrise

#C7666D

Crimson · LightCoral · Passion Red

HEX

#C7666D

RGB

rgb(199, 102, 109)

HSL

hsl(356, 46%, 59%)

HSB

hsb(356, 49%, 78%)

CMYK

cmyk(0%, 49%, 45%, 22%)

Oklch

oklch(62.6% 0.123 16.8)

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

#E6A268

Apricot · SandyBrown · Warm Sun

HEX

#E6A268

RGB

rgb(230, 162, 104)

HSL

hsl(28, 72%, 65%)

HSB

hsb(28, 55%, 90%)

CMYK

cmyk(0%, 30%, 55%, 10%)

Oklch

oklch(76.6% 0.110 60.5)

Traditional「Apricot」· Paint「Warm Sun」· Creative Honey Glow

#F9E178

Goose Yellow · Khaki · Sunflower

HEX

#F9E178

RGB

rgb(249, 225, 120)

HSL

hsl(49, 91%, 72%)

HSB

hsb(49, 52%, 98%)

CMYK

cmyk(0%, 10%, 52%, 2%)

Oklch

oklch(90.8% 0.128 96.7)

Traditional「Goose Yellow」· Paint「Sunflower」· Creative Lemon Fizz

Color Harmonies Color Harmonies

Based on color wheel theory, calculated from primary color

Complementary

AED1D7

D7B3AD

Analogous

ADD7C8

AED1D7

ADBCD7

Triadic

AED1D7

D7ADD0

D0D7AD

Split-Comp.

AED1D7

D7ADBC

D7C8AD

Tetradic

AED1D7

C8ADD7

D7B3AD

BCD7AD

Contrast Matrix WCAG 2.1 Contrast

AED1D7	515965	C7666D	E6A268	F9E178
—	4.3 AA Large	2.3 Fail	1.3 Fail	1.2 Fail
4.3 AA Large	—	1.9 Fail	3.3 AA Large	5.4 AA
2.3 Fail	1.9 Fail	—	1.8 Fail	2.9 Fail
1.3 Fail	3.3 AA Large	1.8 Fail	—	1.7 Fail
1.2 Fail	5.4 AA	2.9 Fail	1.7 Fail	—

White BG

1.6Fail

7.1AAA

3.8AA Large

2.2Fail

1.3Fail

Black BG

12.9AAA

3.0Fail

5.5AA

9.7AAA

16.1AAA

Color Blindness Simulation Color Blindness Simulation

Protanopia

BDBDD6

545562

9D9C6B

C9C876

EFEE91

Deuteranopia

BBB9D5

545361

A3AA6B

CDD279

F0F298

Tritanopia

B0D4D4

51605F

C26A6A

E38184

F8A5AA

Achromatopsia

C7C7C7

585858

848484

B0B0B0

DCDCDC

Shades & Tints Shades & Tints

#AED1D7

Dark

Light

#515965

Dark

Light

#C7666D

Dark

Light

Code Snippets Code Snippets

CSS Custom Properties

:root {
  --color-1: #aed1d7;
  --color-2: #515965;
  --color-3: #c7666d;
  --color-4: #e6a268;
  --color-5: #f9e178;
}

SCSS

$color-1: #aed1d7;
$color-2: #515965;
$color-3: #c7666d;
$color-4: #e6a268;
$color-5: #f9e178;

TAILWIND

colors: {
  'brand-1': '#aed1d7',
  'brand-2': '#515965',
  'brand-3': '#c7666d',
  'brand-4': '#e6a268',
  'brand-5': '#f9e178',
}

RGB Array

[174, 209, 215], [81, 89, 101], [199, 102, 109], [230, 162, 104], [249, 225, 120]

FAQ FAQ

What scenarios is this 5-color palette suitable for?

This earth-style palette of #AED1D7, #515965, #C7666D, #E6A268, #F9E178 is ideal for: corporate websites, product showcases, portfolios. It is a balanced and harmonious choice among 5-color palettes.

How to use this palette in CSS or frontend projects?

Copy the CSS variables directly: --color-1: #aed1d7; --color-2: #515965; --color-3: #c7666d; --color-4: #e6a268; --color-5: #f9e178. 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 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