← Back to Editor

#F1B77B · #FF5E50 · #D6D2AF · #C6F0CE · #EEF5DA

A 5-color palette palette · Complete color analysis and application guide

Scene Recommendations Scene Recommendations

Emotion EMOTION

PassionateDynamicWarm

Industry INDUSTRY

EntertainmentFMCG

UI Context UI CONTEXT

Sale PromoSocial App

Color Details Color Details

#F1B77B

Goose Yellow · BurlyWood · Warm Sun

HEX
#F1B77B
RGB
rgb(241, 183, 123)
HSL
hsl(31, 81%, 71%)
HSB
hsb(31, 49%, 95%)
CMYK
cmyk(0%, 24%, 49%, 5%)
Oklch
oklch(82.0% 0.102 66.5)

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

#FF5E50

Peach Pink · Tomato · Coral Red

HEX
#FF5E50
RGB
rgb(255, 94, 80)
HSL
hsl(5, 100%, 66%)
HSB
hsb(5, 69%, 100%)
CMYK
cmyk(0%, 63%, 69%, 0%)
Oklch
oklch(69.1% 0.198 28.3)

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

#D6D2AF

Fresh Green · Silver · Lemon Cream

HEX
#D6D2AF
RGB
rgb(214, 210, 175)
HSL
hsl(54, 32%, 76%)
HSB
hsb(54, 18%, 84%)
CMYK
cmyk(0%, 2%, 18%, 16%)
Oklch
oklch(85.8% 0.047 101.9)

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

#C6F0CE

Emerald · LightGray · Mint Green

HEX
#C6F0CE
RGB
rgb(198, 240, 206)
HSL
hsl(131, 58%, 86%)
HSB
hsb(131, 17%, 94%)
CMYK
cmyk(17%, 0%, 14%, 6%)
Oklch
oklch(91.6% 0.063 150.6)

Traditional「Emerald」· Paint「Mint Green」· Creative Mint Breeze

#EEF5DA

Willow Green · Beige · Mint Green

HEX
#EEF5DA
RGB
rgb(238, 245, 218)
HSL
hsl(76, 57%, 91%)
HSB
hsb(76, 11%, 96%)
CMYK
cmyk(3%, 0%, 11%, 4%)
Oklch
oklch(95.8% 0.036 118.9)

Traditional「Willow Green」· Paint「Mint Green」· Creative Mint Breeze

Color Harmonies Color Harmonies

Based on color wheel theory, calculated from primary color

Complementary

F1B77B
79B3F1

Analogous

F17B79
F1B77B
EFF179

Triadic

F1B77B
79F1B7
B779F1

Split-Comp.

F1B77B
79EFF1
7B79F1

Tetradic

F1B77B
79F17B
79B3F1
F179EF

Contrast Matrix WCAG 2.1 Contrast

F1B77B
FF5E50
D6D2AF
C6F0CE
EEF5DA
—
1.7
Fail
1.2
Fail
1.4
Fail
1.6
Fail
1.7
Fail
—
2.0
Fail
2.4
Fail
2.7
Fail
1.2
Fail
2.0
Fail
—
1.2
Fail
1.4
Fail
1.4
Fail
2.4
Fail
1.2
Fail
—
1.1
Fail
1.6
Fail
2.7
Fail
1.4
Fail
1.1
Fail
—
White BG
1.8Fail
3.0AA Large
1.5Fail
1.3Fail
1.1Fail
Black BG
11.8AAA
7.0AA
13.7AAA
16.8AAA
18.7AAA

Color Blindness Simulation Color Blindness Simulation

Protanopia

D8D78A
B9B853
D4D4B7
D8D9D6
F1F1E1

Deuteranopia

DBE08D
C3CF54
D5D5BA
D6D3D8
F1F0E2

Tritanopia

EE9598
F75657
D6BEC0
C8DDDE
EEE6E7

Achromatopsia

C2C2C2
8D8D8D
CFCFCF
E0E0E0
F0F0F0

Shades & Tints Shades & Tints

#F1B77B

Dark
Light

#FF5E50

Dark
Light

#D6D2AF

Dark
Light

Code Snippets Code Snippets

CSS Custom Properties

:root {
  --color-1: #f1b77b;
  --color-2: #ff5e50;
  --color-3: #d6d2af;
  --color-4: #c6f0ce;
  --color-5: #eef5da;
}

SCSS

$color-1: #f1b77b;
$color-2: #ff5e50;
$color-3: #d6d2af;
$color-4: #c6f0ce;
$color-5: #eef5da;

TAILWIND

colors: {
  'brand-1': '#f1b77b',
  'brand-2': '#ff5e50',
  'brand-3': '#d6d2af',
  'brand-4': '#c6f0ce',
  'brand-5': '#eef5da',
}

RGB Array

[241, 183, 123], [255, 94, 80], [214, 210, 175], [198, 240, 206], [238, 245, 218]

FAQ FAQ

What scenarios is this 5-color palette suitable for?

This general-style palette of #F1B77B, #FF5E50, #D6D2AF, #C6F0CE, #EEF5DA 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: #f1b77b; --color-2: #ff5e50; --color-3: #d6d2af; --color-4: #c6f0ce; --color-5: #eef5da. 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