← Back to Editor

#F5009F · #FFAD7F · #FBD80C · #A5EF5C · #C9EFDF

muted

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

#F5009F

Rose Purple · DeepPink · Camellia

HEX
#F5009F
RGB
rgb(245, 0, 159)
HSL
hsl(321, 100%, 48%)
HSB
hsb(321, 100%, 96%)
CMYK
cmyk(0%, 100%, 35%, 4%)
Oklch
oklch(63.8% 0.265 351.0)

Traditional「Rose Purple」· Paint「Camellia」· Creative Blush Sunrise

#FFAD7F

Apricot · LightSalmon · Warm Sun

HEX
#FFAD7F
RGB
rgb(255, 173, 127)
HSL
hsl(22, 100%, 75%)
HSB
hsb(22, 50%, 100%)
CMYK
cmyk(0%, 32%, 50%, 0%)
Oklch
oklch(81.7% 0.114 49.9)

Traditional「Apricot」· Paint「Warm Sun」· Creative Honey Glow

#FBD80C

Autumn Sage · Gold · Sunflower

HEX
#FBD80C
RGB
rgb(251, 216, 12)
HSL
hsl(51, 97%, 52%)
HSB
hsb(51, 95%, 98%)
CMYK
cmyk(0%, 14%, 95%, 2%)
Oklch
oklch(88.5% 0.181 97.1)

Traditional「Autumn Sage」· Paint「Sunflower」· Creative Blush Sunrise

#A5EF5C

Emerald · GreenYellow · Apple Green

HEX
#A5EF5C
RGB
rgb(165, 239, 92)
HSL
hsl(90, 82%, 65%)
HSB
hsb(90, 62%, 94%)
CMYK
cmyk(31%, 0%, 62%, 6%)
Oklch
oklch(87.4% 0.193 131.9)

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

#C9EFDF

Jade · LightGray · Mint Green

HEX
#C9EFDF
RGB
rgb(201, 239, 223)
HSL
hsl(155, 54%, 86%)
HSB
hsb(155, 16%, 94%)
CMYK
cmyk(16%, 0%, 7%, 6%)
Oklch
oklch(92.1% 0.045 168.0)

Traditional「Jade」· Paint「Mint Green」· Creative Arctic Pool

Color Harmonies Color Harmonies

Based on color wheel theory, calculated from primary color

Complementary

F5009F
00F556

Analogous

D000F5
F5009F
F50025

Triadic

F5009F
9FF500
009FF5

Split-Comp.

F5009F
25F500
00F5D0

Tetradic

F5009F
F5D000
00F556
0025F5

Contrast Matrix WCAG 2.1 Contrast

F5009F
FFAD7F
FBD80C
A5EF5C
C9EFDF
—
2.1
Fail
2.8
Fail
2.8
Fail
3.1
AA Large
2.1
Fail
—
1.3
Fail
1.3
Fail
1.5
Fail
2.8
Fail
1.3
Fail
—
1.0
Fail
1.1
Fail
2.8
Fail
1.3
Fail
1.0
Fail
—
1.1
Fail
3.1
AA Large
1.5
Fail
1.1
Fail
1.1
Fail
—
White BG
3.9AA Large
1.8Fail
1.4Fail
1.4Fail
1.2Fail
Black BG
5.4AA
11.5AAA
14.9AAA
15.1AAA
16.9AAA

Color Blindness Simulation Color Blindness Simulation

Protanopia

8B8979
DBDB8A
ECEC3D
C5C680
D9DAE3

Deuteranopia

99AC6F
E0E68D
EEF149
C1BB88
D7D4E4

Tritanopia

E95A53
FB9395
F9646D
A99CA2
CBE6E7

Achromatopsia

5B5B5B
C0C0C0
CBCBCB
C8C8C8
E2E2E2

Shades & Tints Shades & Tints

#F5009F

Dark
Light

#FFAD7F

Dark
Light

#FBD80C

Dark
Light

Code Snippets Code Snippets

CSS Custom Properties

:root {
  --color-1: #f5009f;
  --color-2: #ffad7f;
  --color-3: #fbd80c;
  --color-4: #a5ef5c;
  --color-5: #c9efdf;
}

SCSS

$color-1: #f5009f;
$color-2: #ffad7f;
$color-3: #fbd80c;
$color-4: #a5ef5c;
$color-5: #c9efdf;

TAILWIND

colors: {
  'brand-1': '#f5009f',
  'brand-2': '#ffad7f',
  'brand-3': '#fbd80c',
  'brand-4': '#a5ef5c',
  'brand-5': '#c9efdf',
}

RGB Array

[245, 0, 159], [255, 173, 127], [251, 216, 12], [165, 239, 92], [201, 239, 223]

FAQ FAQ

What scenarios is this 5-color palette suitable for?

This muted-style palette of #F5009F, #FFAD7F, #FBD80C, #A5EF5C, #C9EFDF 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: #f5009f; --color-2: #ffad7f; --color-3: #fbd80c; --color-4: #a5ef5c; --color-5: #c9efdf. 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 muted-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