← Back to Editor

#FA6B5D · #F3A169 · #F1C165 · #746970 · #B9E5CE

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

#FA6B5D

Peach Pink · Tomato · Coral Red

HEX
#FA6B5D
RGB
rgb(250, 107, 93)
HSL
hsl(5, 94%, 67%)
HSB
hsb(5, 63%, 98%)
CMYK
cmyk(0%, 57%, 63%, 2%)
Oklch
oklch(70.2% 0.178 28.1)

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

#F3A169

Apricot · SandyBrown · Warm Sun

HEX
#F3A169
RGB
rgb(243, 161, 105)
HSL
hsl(24, 85%, 68%)
HSB
hsb(24, 57%, 95%)
CMYK
cmyk(0%, 34%, 57%, 5%)
Oklch
oklch(77.9% 0.121 54.3)

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

#F1C165

Ginger · SandyBrown · Warm Sun

HEX
#F1C165
RGB
rgb(241, 193, 101)
HSL
hsl(39, 83%, 67%)
HSB
hsb(39, 58%, 95%)
CMYK
cmyk(0%, 20%, 58%, 5%)
Oklch
oklch(83.5% 0.123 82.0)

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

#746970

Ink Gray · DimGray · Warm Gray

HEX
#746970
RGB
rgb(116, 105, 112)
HSL
hsl(322, 5%, 43%)
HSB
hsb(322, 9%, 45%)
CMYK
cmyk(0%, 9%, 3%, 55%)
Oklch
oklch(53.3% 0.017 339.3)

Traditional「Ink Gray」· Paint「Warm Gray」· Creative Urban Concrete

#B9E5CE

Celadon · LightBlue · Mint Green

HEX
#B9E5CE
RGB
rgb(185, 229, 206)
HSL
hsl(149, 46%, 81%)
HSB
hsb(149, 19%, 90%)
CMYK
cmyk(19%, 0%, 10%, 10%)
Oklch
oklch(88.4% 0.056 162.3)

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

Color Harmonies Color Harmonies

Based on color wheel theory, calculated from primary color

Complementary

FA6B5D
5CEDFA

Analogous

FA5C9E
FA6B5D
FAB85C

Triadic

FA6B5D
5CFA69
695CFA

Split-Comp.

FA6B5D
5CFAB8
5C9EFA

Tetradic

FA6B5D
9EFA5C
5CEDFA
B85CFA

Contrast Matrix WCAG 2.1 Contrast

FA6B5D
F3A169
F1C165
746970
B9E5CE
—
1.4
Fail
1.7
Fail
1.8
Fail
2.1
Fail
1.4
Fail
—
1.2
Fail
2.5
Fail
1.5
Fail
1.7
Fail
1.2
Fail
—
3.1
AA Large
1.2
Fail
1.8
Fail
2.5
Fail
3.1
AA Large
—
3.8
AA Large
2.1
Fail
1.5
Fail
1.2
Fail
3.8
AA Large
—
White BG
2.9Fail
2.1Fail
1.7Fail
5.3AA
1.4Fail
Black BG
7.3AAA
10.1AAA
12.6AAA
4.0AA Large
15.2AAA

Color Blindness Simulation Color Blindness Simulation

Protanopia

BCBB60
CFCF77
DCDC7B
6F6F6E
CCCCD4

Deuteranopia

C4CF61
D4DA7A
DFE381
70716E
CAC6D5

Tritanopia

F36364
EF8184
EF8D91
736D6D
BBD8D9

Achromatopsia

949494
B3B3B3
C5C5C5
6D6D6D
D5D5D5

Shades & Tints Shades & Tints

#FA6B5D

Dark
Light

#F3A169

Dark
Light

#F1C165

Dark
Light

Code Snippets Code Snippets

CSS Custom Properties

:root {
  --color-1: #fa6b5d;
  --color-2: #f3a169;
  --color-3: #f1c165;
  --color-4: #746970;
  --color-5: #b9e5ce;
}

SCSS

$color-1: #fa6b5d;
$color-2: #f3a169;
$color-3: #f1c165;
$color-4: #746970;
$color-5: #b9e5ce;

TAILWIND

colors: {
  'brand-1': '#fa6b5d',
  'brand-2': '#f3a169',
  'brand-3': '#f1c165',
  'brand-4': '#746970',
  'brand-5': '#b9e5ce',
}

RGB Array

[250, 107, 93], [243, 161, 105], [241, 193, 101], [116, 105, 112], [185, 229, 206]

FAQ FAQ

What scenarios is this 5-color palette suitable for?

This general-style palette of #FA6B5D, #F3A169, #F1C165, #746970, #B9E5CE 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: #fa6b5d; --color-2: #f3a169; --color-3: #f1c165; --color-4: #746970; --color-5: #b9e5ce. 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