← Back to Editor

#FB776A · #FFC07E · #F3E8B2 · #B5DEA2 · #43C9A6

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

#FB776A

Peach Pink · Salmon · Coral Red

HEX
#FB776A
RGB
rgb(251, 119, 106)
HSL
hsl(5, 95%, 70%)
HSB
hsb(5, 58%, 98%)
CMYK
cmyk(0%, 53%, 58%, 2%)
Oklch
oklch(72.2% 0.164 27.6)

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

#FFC07E

Goose Yellow · LightSalmon · Warm Sun

HEX
#FFC07E
RGB
rgb(255, 192, 126)
HSL
hsl(31, 100%, 75%)
HSB
hsb(31, 51%, 100%)
CMYK
cmyk(0%, 25%, 51%, 0%)
Oklch
oklch(85.1% 0.110 66.7)

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

#F3E8B2

Fresh Green · Wheat · Lemon Cream

HEX
#F3E8B2
RGB
rgb(243, 232, 178)
HSL
hsl(50, 73%, 83%)
HSB
hsb(50, 27%, 95%)
CMYK
cmyk(0%, 5%, 27%, 5%)
Oklch
oklch(92.7% 0.071 97.9)

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

#B5DEA2

Celadon · Silver · Apple Green

HEX
#B5DEA2
RGB
rgb(181, 222, 162)
HSL
hsl(101, 48%, 75%)
HSB
hsb(101, 27%, 87%)
CMYK
cmyk(18%, 0%, 27%, 13%)
Oklch
oklch(85.6% 0.092 135.9)

Traditional「Celadon」· Paint「Apple Green」· Creative Mint Breeze

#43C9A6

Mineral Blue · MediumAquaMarine · Lake Green

HEX
#43C9A6
RGB
rgb(67, 201, 166)
HSL
hsl(164, 55%, 53%)
HSB
hsb(164, 67%, 79%)
CMYK
cmyk(67%, 0%, 17%, 21%)
Oklch
oklch(75.4% 0.126 171.9)

Traditional「Mineral Blue」· Paint「Lake Green」· Creative Blush Sunrise

Color Harmonies Color Harmonies

Based on color wheel theory, calculated from primary color

Complementary

FB776A
6AEFFB

Analogous

FB6AA6
FB776A
FBBF6A

Triadic

FB776A
6AFB76
766AFB

Split-Comp.

FB776A
6AFBBF
6AA6FB

Tetradic

FB776A
A6FB6A
6AEFFB
BF6AFB

Contrast Matrix WCAG 2.1 Contrast

FB776A
FFC07E
F3E8B2
B5DEA2
43C9A6
—
1.6
Fail
2.1
Fail
1.8
Fail
1.3
Fail
1.6
Fail
—
1.3
Fail
1.1
Fail
1.3
Fail
2.1
Fail
1.3
Fail
—
1.2
Fail
1.7
Fail
1.8
Fail
1.1
Fail
1.2
Fail
—
1.4
Fail
1.3
Fail
1.3
Fail
1.7
Fail
1.4
Fail
—
White BG
2.6Fail
1.6Fail
1.2Fail
1.5Fail
2.1Fail
Black BG
7.9AAA
13.1AAA
17.0AAA
13.9AAA
10.1AAA

Color Blindness Simulation Color Blindness Simulation

Protanopia

C2C16D
E4E38E
EEEEBF
C7C7B1
7D7EAE

Deuteranopia

CAD36E
E7EC92
EFF0C2
C4C1B4
756BB1

Tritanopia

F47070
FC9B9D
F2C9CC
B7BCBF
4AB5B7

Achromatopsia

9D9D9D
CBCBCB
E5E5E5
CBCBCB
9D9D9D

Shades & Tints Shades & Tints

#FB776A

Dark
Light

#FFC07E

Dark
Light

#F3E8B2

Dark
Light

Code Snippets Code Snippets

CSS Custom Properties

:root {
  --color-1: #fb776a;
  --color-2: #ffc07e;
  --color-3: #f3e8b2;
  --color-4: #b5dea2;
  --color-5: #43c9a6;
}

SCSS

$color-1: #fb776a;
$color-2: #ffc07e;
$color-3: #f3e8b2;
$color-4: #b5dea2;
$color-5: #43c9a6;

TAILWIND

colors: {
  'brand-1': '#fb776a',
  'brand-2': '#ffc07e',
  'brand-3': '#f3e8b2',
  'brand-4': '#b5dea2',
  'brand-5': '#43c9a6',
}

RGB Array

[251, 119, 106], [255, 192, 126], [243, 232, 178], [181, 222, 162], [67, 201, 166]

FAQ FAQ

What scenarios is this 5-color palette suitable for?

This general-style palette of #FB776A, #FFC07E, #F3E8B2, #B5DEA2, #43C9A6 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: #fb776a; --color-2: #ffc07e; --color-3: #f3e8b2; --color-4: #b5dea2; --color-5: #43c9a6. 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