← Back to Editor

#41A185 · #9A947E · #F18877 · #F7A781 · #FFCA8C

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

#41A185

Mineral Blue · MediumSeaGreen · Mint Ice

HEX
#41A185
RGB
rgb(65, 161, 133)
HSL
hsl(163, 42%, 44%)
HSB
hsb(163, 60%, 63%)
CMYK
cmyk(60%, 0%, 17%, 37%)
Oklch
oklch(64.4% 0.100 170.9)

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

#9A947E

Ginger · Gray · Sunflower

HEX
#9A947E
RGB
rgb(154, 148, 126)
HSL
hsl(47, 12%, 55%)
HSB
hsb(47, 18%, 60%)
CMYK
cmyk(0%, 4%, 18%, 40%)
Oklch
oklch(66.6% 0.032 94.5)

Traditional「Ginger」· Paint「Sunflower」· Creative Blush Sunrise

#F18877

Peach Pink · LightCoral · Coral Red

HEX
#F18877
RGB
rgb(241, 136, 119)
HSL
hsl(8, 81%, 71%)
HSB
hsb(8, 51%, 95%)
CMYK
cmyk(0%, 44%, 51%, 5%)
Oklch
oklch(73.7% 0.131 30.2)

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

#F7A781

Apricot · LightSalmon · Warm Sun

HEX
#F7A781
RGB
rgb(247, 167, 129)
HSL
hsl(19, 88%, 74%)
HSB
hsb(19, 48%, 97%)
CMYK
cmyk(0%, 32%, 48%, 3%)
Oklch
oklch(79.8% 0.108 46.1)

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

#FFCA8C

Goose Yellow · Khaki · Peach Orange

HEX
#FFCA8C
RGB
rgb(255, 202, 140)
HSL
hsl(32, 100%, 77%)
HSB
hsb(32, 45%, 100%)
CMYK
cmyk(0%, 21%, 45%, 0%)
Oklch
oklch(87.2% 0.099 70.3)

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

Color Harmonies Color Harmonies

Based on color wheel theory, calculated from primary color

Complementary

41A185
9F415C

Analogous

419F55
41A185
418B9F

Triadic

41A185
85419F
9F8541

Split-Comp.

41A185
9F418B
9F5541

Tetradic

41A185
55419F
9F415C
8B9F41

Contrast Matrix WCAG 2.1 Contrast

41A185
9A947E
F18877
F7A781
FFCA8C
—
1.0
Fail
1.3
Fail
1.6
Fail
2.1
Fail
1.0
Fail
—
1.2
Fail
1.6
Fail
2.0
Fail
1.3
Fail
1.2
Fail
—
1.3
Fail
1.7
Fail
1.6
Fail
1.6
Fail
1.3
Fail
—
1.3
Fail
2.1
Fail
2.0
Fail
1.7
Fail
1.3
Fail
—
White BG
3.2AA Large
3.0AA Large
2.5Fail
1.9Fail
1.5Fail
Black BG
6.7AA
6.9AA
8.5AAA
10.8AAA
14.1AAA

Color Blindness Simulation Color Blindness Simulation

Protanopia

6B6B8C
979783
C4C37B
D4D48A
E8E89B

Deuteranopia

655E8D
989885
CAD27C
D9DF8C
EBEF9F

Tritanopia

469192
9A8888
EC7E7F
F39193
FCA7A9

Achromatopsia

818181
939393
A5A5A5
BBBBBB
D3D3D3

Shades & Tints Shades & Tints

#41A185

Dark
Light

#9A947E

Dark
Light

#F18877

Dark
Light

Code Snippets Code Snippets

CSS Custom Properties

:root {
  --color-1: #41a185;
  --color-2: #9a947e;
  --color-3: #f18877;
  --color-4: #f7a781;
  --color-5: #ffca8c;
}

SCSS

$color-1: #41a185;
$color-2: #9a947e;
$color-3: #f18877;
$color-4: #f7a781;
$color-5: #ffca8c;

TAILWIND

colors: {
  'brand-1': '#41a185',
  'brand-2': '#9a947e',
  'brand-3': '#f18877',
  'brand-4': '#f7a781',
  'brand-5': '#ffca8c',
}

RGB Array

[65, 161, 133], [154, 148, 126], [241, 136, 119], [247, 167, 129], [255, 202, 140]

FAQ FAQ

What scenarios is this 5-color palette suitable for?

This general-style palette of #41A185, #9A947E, #F18877, #F7A781, #FFCA8C is ideal for: social media posters, mobile apps, e-commerce promos. 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: #41a185; --color-2: #9a947e; --color-3: #f18877; --color-4: #f7a781; --color-5: #ffca8c. 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. 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