← Back to Editor

#F0D560 · #EFE0C9 · #CEE4FB · #7BD5EF · #A38688

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

#F0D560

Ginger · Khaki · Sunflower

HEX
#F0D560
RGB
rgb(240, 213, 96)
HSL
hsl(49, 83%, 66%)
HSB
hsb(49, 60%, 94%)
CMYK
cmyk(0%, 11%, 60%, 6%)
Oklch
oklch(87.3% 0.139 96.4)

Traditional「Ginger」· Paint「Sunflower」· Creative Lemon Fizz

#EFE0C9

Goose Yellow · Bisque · Peach Orange

HEX
#EFE0C9
RGB
rgb(239, 224, 201)
HSL
hsl(36, 54%, 86%)
HSB
hsb(36, 16%, 94%)
CMYK
cmyk(0%, 6%, 16%, 6%)
Oklch
oklch(91.3% 0.035 78.7)

Traditional「Goose Yellow」· Paint「Peach Orange」· Creative Honey Glow

#CEE4FB

Azure · Lavender · Sky Blue

HEX
#CEE4FB
RGB
rgb(206, 228, 251)
HSL
hsl(211, 85%, 90%)
HSB
hsb(211, 18%, 98%)
CMYK
cmyk(18%, 9%, 0%, 2%)
Oklch
oklch(91.0% 0.039 249.4)

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

#7BD5EF

Sky Blue · SkyBlue · Lake Green

HEX
#7BD5EF
RGB
rgb(123, 213, 239)
HSL
hsl(193, 78%, 71%)
HSB
hsb(193, 49%, 94%)
CMYK
cmyk(49%, 11%, 0%, 6%)
Oklch
oklch(82.6% 0.094 218.6)

Traditional「Sky Blue」· Paint「Lake Green」· Creative Arctic Pool

#A38688

Crimson · Gray · Passion Red

HEX
#A38688
RGB
rgb(163, 134, 136)
HSL
hsl(356, 14%, 58%)
HSB
hsb(356, 18%, 64%)
CMYK
cmyk(0%, 18%, 17%, 36%)
Oklch
oklch(64.8% 0.036 13.4)

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

Color Harmonies Color Harmonies

Based on color wheel theory, calculated from primary color

Complementary

F0D560
607BF0

Analogous

F08E60
F0D560
C3F060

Triadic

F0D560
60F0D6
D660F0

Split-Comp.

F0D560
60C3F0
8E60F0

Tetradic

F0D560
60F08E
607BF0
F060C3

Contrast Matrix WCAG 2.1 Contrast

F0D560
EFE0C9
CEE4FB
7BD5EF
A38688
—
1.1
Fail
1.1
Fail
1.1
Fail
2.3
Fail
1.1
Fail
—
1.0
Fail
1.3
Fail
2.6
Fail
1.1
Fail
1.0
Fail
—
1.3
Fail
2.5
Fail
1.1
Fail
1.3
Fail
1.3
Fail
—
2.0
Fail
2.3
Fail
2.6
Fail
2.5
Fail
2.0
Fail
—
White BG
1.5Fail
1.3Fail
1.3Fail
1.7Fail
3.3AA Large
Black BG
14.4AAA
16.2AAA
16.1AAA
12.6AAA
6.3AA

Color Blindness Simulation Color Blindness Simulation

Protanopia

E4E47C
E9E8CF
D8D8F5
A2A3E9
969688

Deuteranopia

E6E883
E9EBD0
D6D5F4
9D96E7
989A87

Tritanopia

EF9398
EED3D4
CFF1F0
80E4E3
A28787

Achromatopsia

D0D0D0
E2E2E2
E0E0E0
BDBDBD
8F8F8F

Shades & Tints Shades & Tints

#F0D560

Dark
Light

#EFE0C9

Dark
Light

#CEE4FB

Dark
Light

Code Snippets Code Snippets

CSS Custom Properties

:root {
  --color-1: #f0d560;
  --color-2: #efe0c9;
  --color-3: #cee4fb;
  --color-4: #7bd5ef;
  --color-5: #a38688;
}

SCSS

$color-1: #f0d560;
$color-2: #efe0c9;
$color-3: #cee4fb;
$color-4: #7bd5ef;
$color-5: #a38688;

TAILWIND

colors: {
  'brand-1': '#f0d560',
  'brand-2': '#efe0c9',
  'brand-3': '#cee4fb',
  'brand-4': '#7bd5ef',
  'brand-5': '#a38688',
}

RGB Array

[240, 213, 96], [239, 224, 201], [206, 228, 251], [123, 213, 239], [163, 134, 136]

FAQ FAQ

What scenarios is this 5-color palette suitable for?

This general-style palette of #F0D560, #EFE0C9, #CEE4FB, #7BD5EF, #A38688 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: #f0d560; --color-2: #efe0c9; --color-3: #cee4fb; --color-4: #7bd5ef; --color-5: #a38688. 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