← Back to Editor

#F68E63 · #F8AB72 · #F9CB89 · #FCECC2 · #9DC49A

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

#F68E63

Apricot · Salmon · Warm Sun

HEX
#F68E63
RGB
rgb(246, 142, 99)
HSL
hsl(18, 89%, 68%)
HSB
hsb(18, 60%, 96%)
CMYK
cmyk(0%, 42%, 60%, 4%)
Oklch
oklch(74.9% 0.139 42.8)

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

#F8AB72

Apricot · LightSalmon · Warm Sun

HEX
#F8AB72
RGB
rgb(248, 171, 114)
HSL
hsl(26, 91%, 71%)
HSB
hsb(26, 54%, 97%)
CMYK
cmyk(0%, 31%, 54%, 3%)
Oklch
oklch(80.4% 0.117 56.7)

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

#F9CB89

Goose Yellow · Khaki · Peach Orange

HEX
#F9CB89
RGB
rgb(249, 203, 137)
HSL
hsl(35, 90%, 76%)
HSB
hsb(35, 45%, 98%)
CMYK
cmyk(0%, 18%, 45%, 2%)
Oklch
oklch(86.8% 0.098 75.9)

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

#FCECC2

Goose Yellow · Bisque · Lemon Cream

HEX
#FCECC2
RGB
rgb(252, 236, 194)
HSL
hsl(43, 91%, 87%)
HSB
hsb(43, 23%, 99%)
CMYK
cmyk(0%, 6%, 23%, 1%)
Oklch
oklch(94.5% 0.057 89.7)

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

#9DC49A

Celadon · DarkSeaGreen · Apple Green

HEX
#9DC49A
RGB
rgb(157, 196, 154)
HSL
hsl(116, 26%, 69%)
HSB
hsb(116, 21%, 77%)
CMYK
cmyk(20%, 0%, 21%, 23%)
Oklch
oklch(78.1% 0.072 143.0)

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

Color Harmonies Color Harmonies

Based on color wheel theory, calculated from primary color

Complementary

F68E63
65CAF6

Analogous

F66582
F68E63
F6D965

Triadic

F68E63
65F690
9065F6

Split-Comp.

F68E63
65F6D9
6582F6

Tetradic

F68E63
82F665
65CAF6
D965F6

Contrast Matrix WCAG 2.1 Contrast

F68E63
F8AB72
F9CB89
FCECC2
9DC49A
—
1.2
Fail
1.6
Fail
2.0
Fail
1.2
Fail
1.2
Fail
—
1.3
Fail
1.6
Fail
1.0
Fail
1.6
Fail
1.3
Fail
—
1.3
Fail
1.3
Fail
2.0
Fail
1.6
Fail
1.3
Fail
—
1.7
Fail
1.2
Fail
1.0
Fail
1.3
Fail
1.7
Fail
—
White BG
2.3Fail
1.9Fail
1.5Fail
1.2Fail
1.9Fail
Black BG
9.0AAA
11.1AAA
13.9AAA
17.9AAA
10.8AAA

Color Blindness Simulation Color Blindness Simulation

Protanopia

C9C86D
D7D680
E5E599
F5F5CC
AEAEA4

Deuteranopia

CFD770
DBE183
E8EB9D
F6F7CF
ACA9A7

Tritanopia

F17677
F48B8D
F7A6A8
FBD4D6
9FACAE

Achromatopsia

A8A8A8
BCBCBC
D1D1D1
ECECEC
B4B4B4

Shades & Tints Shades & Tints

#F68E63

Dark
Light

#F8AB72

Dark
Light

#F9CB89

Dark
Light

Code Snippets Code Snippets

CSS Custom Properties

:root {
  --color-1: #f68e63;
  --color-2: #f8ab72;
  --color-3: #f9cb89;
  --color-4: #fcecc2;
  --color-5: #9dc49a;
}

SCSS

$color-1: #f68e63;
$color-2: #f8ab72;
$color-3: #f9cb89;
$color-4: #fcecc2;
$color-5: #9dc49a;

TAILWIND

colors: {
  'brand-1': '#f68e63',
  'brand-2': '#f8ab72',
  'brand-3': '#f9cb89',
  'brand-4': '#fcecc2',
  'brand-5': '#9dc49a',
}

RGB Array

[246, 142, 99], [248, 171, 114], [249, 203, 137], [252, 236, 194], [157, 196, 154]

FAQ FAQ

What scenarios is this 5-color palette suitable for?

This general-style palette of #F68E63, #F8AB72, #F9CB89, #FCECC2, #9DC49A 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: #f68e63; --color-2: #f8ab72; --color-3: #f9cb89; --color-4: #fcecc2; --color-5: #9dc49a. 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