← Back to Editor

#41A792 · #5CB89F · #FCEDD0 · #FE8242 · #F70575

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 AppData Visualization

Color Details Color Details

#41A792

Mineral Blue · CadetBlue · Mint Ice

HEX
#41A792
RGB
rgb(65, 167, 146)
HSL
hsl(168, 44%, 45%)
HSB
hsb(168, 61%, 65%)
CMYK
cmyk(61%, 0%, 13%, 35%)
Oklch
oklch(66.3% 0.100 177.1)

Traditional「Mineral Blue」· Paint「Mint Ice」· Creative Blush Sunrise

#5CB89F

Mineral Blue · MediumAquaMarine · Lake Green

HEX
#5CB89F
RGB
rgb(92, 184, 159)
HSL
hsl(164, 39%, 54%)
HSB
hsb(164, 50%, 72%)
CMYK
cmyk(50%, 0%, 14%, 28%)
Oklch
oklch(71.9% 0.096 173.5)

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

#FCEDD0

Goose Yellow · Bisque · Lemon Cream

HEX
#FCEDD0
RGB
rgb(252, 237, 208)
HSL
hsl(40, 88%, 90%)
HSB
hsb(40, 17%, 99%)
CMYK
cmyk(0%, 6%, 17%, 1%)
Oklch
oklch(95.1% 0.041 83.9)

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

#FE8242

Apricot · Coral · Warm Sun

HEX
#FE8242
RGB
rgb(254, 130, 66)
HSL
hsl(20, 99%, 63%)
HSB
hsb(20, 74%, 100%)
CMYK
cmyk(0%, 49%, 74%, 0%)
Oklch
oklch(73.7% 0.169 45.7)

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

#F70575

Dark Violet · DeepPink · Camellia

HEX
#F70575
RGB
rgb(247, 5, 117)
HSL
hsl(332, 96%, 49%)
HSB
hsb(332, 98%, 97%)
CMYK
cmyk(0%, 98%, 53%, 3%)
Oklch
oklch(62.9% 0.251 4.8)

Traditional「Dark Violet」· Paint「Camellia」· Creative Blush Sunrise

Color Harmonies Color Harmonies

Based on color wheel theory, calculated from primary color

Complementary

41A792
A54054

Analogous

40A55F
41A792
4087A5

Triadic

41A792
9140A5
A59140

Split-Comp.

41A792
A54087
A55F40

Tetradic

41A792
5F40A5
A54054
87A540

Contrast Matrix WCAG 2.1 Contrast

41A792
5CB89F
FCEDD0
FE8242
F70575
—
1.2
Fail
2.5
Fail
1.2
Fail
1.4
Fail
1.2
Fail
—
2.1
Fail
1.0
Fail
1.7
Fail
2.5
Fail
2.1
Fail
—
2.1
Fail
3.5
AA Large
1.2
Fail
1.0
Fail
2.1
Fail
—
1.6
Fail
1.4
Fail
1.7
Fail
3.5
AA Large
1.6
Fail
—
White BG
2.9Fail
2.4Fail
1.2Fail
2.5Fail
4.0AA Large
Black BG
7.2AAA
8.8AAA
18.2AAA
8.5AAA
5.2AA

Color Blindness Simulation Color Blindness Simulation

Protanopia

6D6E97
8485A5
F6F5D7
C8C751
8E8C5A

Deuteranopia

676098
7F78A7
F6F7D9
D0D955
9CAE53

Tritanopia

469B9C
61AAAB
FBDDDE
F85E60
EB4540

Achromatopsia

868686
9A9A9A
EEEEEE
A0A0A0
5A5A5A

Shades & Tints Shades & Tints

#41A792

Dark
Light

#5CB89F

Dark
Light

#FCEDD0

Dark
Light

Code Snippets Code Snippets

CSS Custom Properties

:root {
  --color-1: #41a792;
  --color-2: #5cb89f;
  --color-3: #fcedd0;
  --color-4: #fe8242;
  --color-5: #f70575;
}

SCSS

$color-1: #41a792;
$color-2: #5cb89f;
$color-3: #fcedd0;
$color-4: #fe8242;
$color-5: #f70575;

TAILWIND

colors: {
  'brand-1': '#41a792',
  'brand-2': '#5cb89f',
  'brand-3': '#fcedd0',
  'brand-4': '#fe8242',
  'brand-5': '#f70575',
}

RGB Array

[65, 167, 146], [92, 184, 159], [252, 237, 208], [254, 130, 66], [247, 5, 117]

FAQ FAQ

What scenarios is this 5-color palette suitable for?

This general-style palette of #41A792, #5CB89F, #FCEDD0, #FE8242, #F70575 is ideal for: social media posters, mobile apps, e-commerce promos, infographics, data visualization, accessible design. Vivid colors effectively attract user attention. High contrast ensures clear visual hierarchy and readability. 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: #41a792; --color-2: #5cb89f; --color-3: #fcedd0; --color-4: #fe8242; --color-5: #f70575. 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?

Medium-brightness colors suit brand primary and accent colors. Use the darkest for text, lightest for backgrounds, and mid-tones for emphasis. High-contrast palettes naturally meet WCAG accessibility standards. 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