← Back to Editor

#FF8269 · #C78181 · #75D1A3 · #C1EC97 · #F3F5B0

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

#FF8269

Peach Pink · Salmon · Coral Red

HEX
#FF8269
RGB
rgb(255, 130, 105)
HSL
hsl(10, 100%, 71%)
HSB
hsb(10, 59%, 100%)
CMYK
cmyk(0%, 49%, 59%, 0%)
Oklch
oklch(74.3% 0.157 32.7)

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

#C78181

Peach Pink · DarkSalmon · Coral Red

HEX
#C78181
RGB
rgb(199, 129, 129)
HSL
hsl(0, 38%, 64%)
HSB
hsb(0, 35%, 78%)
CMYK
cmyk(0%, 35%, 35%, 22%)
Oklch
oklch(67.5% 0.087 19.6)

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

#75D1A3

Jade · MediumAquaMarine · Apple Green

HEX
#75D1A3
RGB
rgb(117, 209, 163)
HSL
hsl(150, 50%, 64%)
HSB
hsb(150, 44%, 82%)
CMYK
cmyk(44%, 0%, 22%, 18%)
Oklch
oklch(79.1% 0.111 160.6)

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

#C1EC97

Emerald · Khaki · Apple Green

HEX
#C1EC97
RGB
rgb(193, 236, 151)
HSL
hsl(90, 69%, 76%)
HSB
hsb(90, 36%, 93%)
CMYK
cmyk(18%, 0%, 36%, 7%)
Oklch
oklch(89.3% 0.119 130.3)

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

#F3F5B0

Fresh Green · Wheat · Lemon Cream

HEX
#F3F5B0
RGB
rgb(243, 245, 176)
HSL
hsl(62, 78%, 83%)
HSB
hsb(62, 28%, 96%)
CMYK
cmyk(1%, 0%, 28%, 4%)
Oklch
oklch(95.2% 0.088 109.4)

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

Color Harmonies Color Harmonies

Based on color wheel theory, calculated from primary color

Complementary

FF8269
6BE6FF

Analogous

FF6B9C
FF8269
FFCE6B

Triadic

FF8269
6BFF84
846BFF

Split-Comp.

FF8269
6BFFCE
6B9CFF

Tetradic

FF8269
9CFF6B
6BE6FF
CE6BFF

Contrast Matrix WCAG 2.1 Contrast

FF8269
C78181
75D1A3
C1EC97
F3F5B0
—
1.3
Fail
1.3
Fail
1.8
Fail
2.1
Fail
1.3
Fail
—
1.7
Fail
2.3
Fail
2.7
Fail
1.3
Fail
1.7
Fail
—
1.4
Fail
1.6
Fail
1.8
Fail
2.3
Fail
1.4
Fail
—
1.2
Fail
2.1
Fail
2.7
Fail
1.6
Fail
1.2
Fail
—
White BG
2.4Fail
3.0AA Large
1.8Fail
1.3Fail
1.1Fail
Black BG
8.6AAA
6.9AA
11.4AAA
15.7AAA
18.5AAA

Color Blindness Simulation Color Blindness Simulation

Protanopia

C9C86F
A9A881
9D9EAE
D4D4AC
F4F4C1

Deuteranopia

D0DA71
ADB281
9891B1
D1CEB1
F4F4C5

Tritanopia

F97475
C38181
7AB7B9
C3BCBF
F3CED1

Achromatopsia

A5A5A5
969696
B0B0B0
D5D5D5
EDEDED

Shades & Tints Shades & Tints

#FF8269

Dark
Light

#C78181

Dark
Light

#75D1A3

Dark
Light

Code Snippets Code Snippets

CSS Custom Properties

:root {
  --color-1: #ff8269;
  --color-2: #c78181;
  --color-3: #75d1a3;
  --color-4: #c1ec97;
  --color-5: #f3f5b0;
}

SCSS

$color-1: #ff8269;
$color-2: #c78181;
$color-3: #75d1a3;
$color-4: #c1ec97;
$color-5: #f3f5b0;

TAILWIND

colors: {
  'brand-1': '#ff8269',
  'brand-2': '#c78181',
  'brand-3': '#75d1a3',
  'brand-4': '#c1ec97',
  'brand-5': '#f3f5b0',
}

RGB Array

[255, 130, 105], [199, 129, 129], [117, 209, 163], [193, 236, 151], [243, 245, 176]

FAQ FAQ

What scenarios is this 5-color palette suitable for?

This general-style palette of #FF8269, #C78181, #75D1A3, #C1EC97, #F3F5B0 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: #ff8269; --color-2: #c78181; --color-3: #75d1a3; --color-4: #c1ec97; --color-5: #f3f5b0. 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