← Back to Editor

#F16A5C · #C29894 · #94C297 · #99A111 · #FD9A00

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

#F16A5C

Peach Pink · Tomato · Coral Red

HEX
#F16A5C
RGB
rgb(241, 106, 92)
HSL
hsl(6, 84%, 65%)
HSB
hsb(6, 62%, 95%)
CMYK
cmyk(0%, 56%, 62%, 5%)
Oklch
oklch(68.7% 0.169 28.2)

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

#C29894

Peach Pink · Tan · Coral Red

HEX
#C29894
RGB
rgb(194, 152, 148)
HSL
hsl(5, 27%, 67%)
HSB
hsb(5, 24%, 76%)
CMYK
cmyk(0%, 22%, 24%, 24%)
Oklch
oklch(71.8% 0.051 24.7)

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

#94C297

Celadon · DarkSeaGreen · Apple Green

HEX
#94C297
RGB
rgb(148, 194, 151)
HSL
hsl(124, 27%, 67%)
HSB
hsb(124, 24%, 76%)
CMYK
cmyk(24%, 0%, 22%, 24%)
Oklch
oklch(77.0% 0.078 146.4)

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

#99A111

Autumn Sage · DarkGoldenRod · Honey Gold

HEX
#99A111
RGB
rgb(153, 161, 17)
HSL
hsl(63, 81%, 35%)
HSB
hsb(63, 89%, 63%)
CMYK
cmyk(5%, 0%, 89%, 37%)
Oklch
oklch(68.0% 0.148 113.3)

Traditional「Autumn Sage」· Paint「Honey Gold」· Creative Blush Sunrise

#FD9A00

Ochre · Orange · Amber Brown

HEX
#FD9A00
RGB
rgb(253, 154, 0)
HSL
hsl(37, 100%, 50%)
HSB
hsb(37, 100%, 99%)
CMYK
cmyk(0%, 39%, 100%, 1%)
Oklch
oklch(77.1% 0.172 65.7)

Traditional「Ochre」· Paint「Amber Brown」· Creative Blush Sunrise

Color Harmonies Color Harmonies

Based on color wheel theory, calculated from primary color

Complementary

F16A5C
5BE2F1

Analogous

F15B97
F16A5C
F1B55B

Triadic

F16A5C
5BF16A
6A5BF1

Split-Comp.

F16A5C
5BF1B5
5B97F1

Tetradic

F16A5C
97F15B
5BE2F1
B55BF1

Contrast Matrix WCAG 2.1 Contrast

F16A5C
C29894
94C297
99A111
FD9A00
—
1.2
Fail
1.5
Fail
1.1
Fail
1.4
Fail
1.2
Fail
—
1.3
Fail
1.1
Fail
1.2
Fail
1.5
Fail
1.3
Fail
—
1.4
Fail
1.1
Fail
1.1
Fail
1.1
Fail
1.4
Fail
—
1.3
Fail
1.4
Fail
1.2
Fail
1.1
Fail
1.3
Fail
—
White BG
3.0AA Large
2.6Fail
2.0Fail
2.8Fail
2.1Fail
Black BG
7.0AA
8.2AAA
10.4AAA
7.5AAA
9.8AAA

Color Blindness Simulation Color Blindness Simulation

Protanopia

B7B55F
B0AF95
A8A8A1
9C9D34
D2D125

Deuteranopia

BEC960
B2B595
A5A2A4
9C9B3C
D8DF2E

Tritanopia

EA6263
C09696
96AAAB
994F55
F84349

Achromatopsia

919191
A4A4A4
AFAFAF
8E8E8E
A6A6A6

Shades & Tints Shades & Tints

#F16A5C

Dark
Light

#C29894

Dark
Light

#94C297

Dark
Light

Code Snippets Code Snippets

CSS Custom Properties

:root {
  --color-1: #f16a5c;
  --color-2: #c29894;
  --color-3: #94c297;
  --color-4: #99a111;
  --color-5: #fd9a00;
}

SCSS

$color-1: #f16a5c;
$color-2: #c29894;
$color-3: #94c297;
$color-4: #99a111;
$color-5: #fd9a00;

TAILWIND

colors: {
  'brand-1': '#f16a5c',
  'brand-2': '#c29894',
  'brand-3': '#94c297',
  'brand-4': '#99a111',
  'brand-5': '#fd9a00',
}

RGB Array

[241, 106, 92], [194, 152, 148], [148, 194, 151], [153, 161, 17], [253, 154, 0]

FAQ FAQ

What scenarios is this 5-color palette suitable for?

This general-style palette of #F16A5C, #C29894, #94C297, #99A111, #FD9A00 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: #f16a5c; --color-2: #c29894; --color-3: #94c297; --color-4: #99a111; --color-5: #fd9a00. 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