← Back to Editor

#A1E9FF · #F2E8BD · #F2E39D · #FFC069 · #F05454

A 5-color palette 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

#A1E9FF

Sky Blue · LightBlue · Glacier Blue

HEX
#A1E9FF
RGB
rgb(161, 233, 255)
HSL
hsl(194, 100%, 82%)
HSB
hsb(194, 37%, 100%)
CMYK
cmyk(37%, 9%, 0%, 0%)
Oklch
oklch(89.4% 0.077 218.9)

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

#F2E8BD

Goose Yellow · Wheat · Lemon Cream

HEX
#F2E8BD
RGB
rgb(242, 232, 189)
HSL
hsl(49, 67%, 85%)
HSB
hsb(49, 22%, 95%)
CMYK
cmyk(0%, 4%, 22%, 5%)
Oklch
oklch(92.8% 0.057 96.4)

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

#F2E39D

Goose Yellow · Khaki · Lemon Cream

HEX
#F2E39D
RGB
rgb(242, 227, 157)
HSL
hsl(49, 77%, 78%)
HSB
hsb(49, 35%, 95%)
CMYK
cmyk(0%, 6%, 35%, 5%)
Oklch
oklch(91.2% 0.090 97.5)

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

#FFC069

Goose Yellow · SandyBrown · Warm Sun

HEX
#FFC069
RGB
rgb(255, 192, 105)
HSL
hsl(35, 100%, 71%)
HSB
hsb(35, 59%, 100%)
CMYK
cmyk(0%, 25%, 59%, 0%)
Oklch
oklch(84.8% 0.127 73.5)

Traditional「Goose Yellow」· Paint「Warm Sun」· Creative Honey Glow

#F05454

Peach Pink · Tomato · Coral Red

HEX
#F05454
RGB
rgb(240, 84, 84)
HSL
hsl(0, 84%, 64%)
HSB
hsb(0, 65%, 94%)
CMYK
cmyk(0%, 65%, 65%, 6%)
Oklch
oklch(65.7% 0.192 24.1)

Traditional「Peach Pink」· Paint「Coral Red」· Creative Blush Sunrise

Color Harmonies Color Harmonies

Based on color wheel theory, calculated from primary color

Complementary

A1E9FF
FFB9A3

Analogous

A3FFE7
A1E9FF
A3BCFF

Triadic

A1E9FF
FFA3EA
EAFFA3

Split-Comp.

A1E9FF
FFA3BC
FFE7A3

Tetradic

A1E9FF
E7A3FF
FFB9A3
BCFFA3

Contrast Matrix WCAG 2.1 Contrast

A1E9FF
F2E8BD
F2E39D
FFC069
F05454
—
1.1
Fail
1.0
Fail
1.2
Fail
2.6
Fail
1.1
Fail
—
1.0
Fail
1.3
Fail
2.8
Fail
1.0
Fail
1.0
Fail
—
1.3
Fail
2.7
Fail
1.2
Fail
1.3
Fail
1.3
Fail
—
2.1
Fail
2.6
Fail
2.8
Fail
2.7
Fail
2.1
Fail
—
White BG
1.3Fail
1.2Fail
1.3Fail
1.6Fail
3.4AA Large
Black BG
15.6AAA
17.1AAA
16.2AAA
13.0AAA
6.1AA

Color Blindness Simulation Color Blindness Simulation

Protanopia

C0C1FA
EEEEC7
ECEBAE
E4E37E
ACAB54

Deuteranopia

BCB7F8
EEEFCA
ECEDB2
E7EC83
B6C154

Tritanopia

A5F5F5
F1D0D1
F1BBBE
FC8F92
E85454

Achromatopsia

D6D6D6
E6E6E6
E0E0E0
C9C9C9
838383

Shades & Tints Shades & Tints

#A1E9FF

Dark
Light

#F2E8BD

Dark
Light

#F2E39D

Dark
Light

Code Snippets Code Snippets

CSS Custom Properties

:root {
  --color-1: #a1e9ff;
  --color-2: #f2e8bd;
  --color-3: #f2e39d;
  --color-4: #ffc069;
  --color-5: #f05454;
}

SCSS

$color-1: #a1e9ff;
$color-2: #f2e8bd;
$color-3: #f2e39d;
$color-4: #ffc069;
$color-5: #f05454;

TAILWIND

colors: {
  'brand-1': '#a1e9ff',
  'brand-2': '#f2e8bd',
  'brand-3': '#f2e39d',
  'brand-4': '#ffc069',
  'brand-5': '#f05454',
}

RGB Array

[161, 233, 255], [242, 232, 189], [242, 227, 157], [255, 192, 105], [240, 84, 84]

FAQ FAQ

What scenarios is this 5-color palette suitable for?

This general-style palette of #A1E9FF, #F2E8BD, #F2E39D, #FFC069, #F05454 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: #a1e9ff; --color-2: #f2e8bd; --color-3: #f2e39d; --color-4: #ffc069; --color-5: #f05454. 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 general-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