← Back to Editor

#A1D8EF · #D8EFFF · #FFF8E6 · #FFF2D3 · #FBE8BD

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

#A1D8EF

Sky Blue · LightBlue · Glacier Blue

HEX
#A1D8EF
RGB
rgb(161, 216, 239)
HSL
hsl(198, 71%, 78%)
HSB
hsb(198, 33%, 94%)
CMYK
cmyk(33%, 10%, 0%, 6%)
Oklch
oklch(85.2% 0.065 225.6)

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

#D8EFFF

Sky Blue · Lavender · Sky Blue

HEX
#D8EFFF
RGB
rgb(216, 239, 255)
HSL
hsl(205, 100%, 92%)
HSB
hsb(205, 15%, 100%)
CMYK
cmyk(15%, 6%, 0%, 0%)
Oklch
oklch(94.0% 0.033 238.1)

Traditional「Sky Blue」· Paint「Sky Blue」· Creative Twilight Haze

#FFF8E6

Goose Yellow · SeaShell · Lemon Cream

HEX
#FFF8E6
RGB
rgb(255, 248, 230)
HSL
hsl(43, 100%, 95%)
HSB
hsb(43, 10%, 100%)
CMYK
cmyk(0%, 3%, 10%, 0%)
Oklch
oklch(98.0% 0.025 89.2)

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

#FFF2D3

Goose Yellow · Beige · Lemon Cream

HEX
#FFF2D3
RGB
rgb(255, 242, 211)
HSL
hsl(42, 100%, 91%)
HSB
hsb(42, 17%, 100%)
CMYK
cmyk(0%, 5%, 17%, 0%)
Oklch
oklch(96.3% 0.043 88.0)

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

#FBE8BD

Goose Yellow · Bisque · Lemon Cream

HEX
#FBE8BD
RGB
rgb(251, 232, 189)
HSL
hsl(42, 89%, 86%)
HSB
hsb(42, 25%, 98%)
CMYK
cmyk(0%, 8%, 25%, 2%)
Oklch
oklch(93.6% 0.059 87.0)

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

Color Harmonies Color Harmonies

Based on color wheel theory, calculated from primary color

Complementary

A1D8EF
EFB79F

Analogous

9FEFDF
A1D8EF
9FAFEF

Triadic

A1D8EF
EF9FD7
D7EF9F

Split-Comp.

A1D8EF
EF9FAF
EFDF9F

Tetradic

A1D8EF
DF9FEF
EFB79F
AFEF9F

Contrast Matrix WCAG 2.1 Contrast

A1D8EF
D8EFFF
FFF8E6
FFF2D3
FBE8BD
—
1.3
Fail
1.5
Fail
1.4
Fail
1.3
Fail
1.3
Fail
—
1.1
Fail
1.1
Fail
1.0
Fail
1.5
Fail
1.1
Fail
—
1.0
Fail
1.1
Fail
1.4
Fail
1.1
Fail
1.0
Fail
—
1.1
Fail
1.3
Fail
1.0
Fail
1.1
Fail
1.1
Fail
—
White BG
1.5Fail
1.2Fail
1.1Fail
1.1Fail
1.2Fail
Black BG
13.6AAA
17.7AAA
19.8AAA
18.9AAA
17.4AAA

Color Blindness Simulation Color Blindness Simulation

Protanopia

B9B9E9
E2E2FB
FCFCEA
F9F9DB
F3F3C7

Deuteranopia

B6B2E8
E1DFFA
FCFDEB
FAFBDC
F4F5CA

Tritanopia

A4E5E4
D9F8F7
FFEEEF
FEE0E2
FAD0D1

Achromatopsia

CACACA
EAEAEA
F8F8F8
F2F2F2
E9E9E9

Shades & Tints Shades & Tints

#A1D8EF

Dark
Light

#D8EFFF

Dark
Light

#FFF8E6

Dark
Light

Code Snippets Code Snippets

CSS Custom Properties

:root {
  --color-1: #a1d8ef;
  --color-2: #d8efff;
  --color-3: #fff8e6;
  --color-4: #fff2d3;
  --color-5: #fbe8bd;
}

SCSS

$color-1: #a1d8ef;
$color-2: #d8efff;
$color-3: #fff8e6;
$color-4: #fff2d3;
$color-5: #fbe8bd;

TAILWIND

colors: {
  'brand-1': '#a1d8ef',
  'brand-2': '#d8efff',
  'brand-3': '#fff8e6',
  'brand-4': '#fff2d3',
  'brand-5': '#fbe8bd',
}

RGB Array

[161, 216, 239], [216, 239, 255], [255, 248, 230], [255, 242, 211], [251, 232, 189]

FAQ FAQ

What scenarios is this 5-color palette suitable for?

This earth-style palette of #A1D8EF, #D8EFFF, #FFF8E6, #FFF2D3, #FBE8BD 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: #a1d8ef; --color-2: #d8efff; --color-3: #fff8e6; --color-4: #fff2d3; --color-5: #fbe8bd. 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