← Back to Editor

#F6A097 · #A7524D · #FB8897 · #E5B59C · #ADB97B

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

#F6A097

Peach Pink · LightSalmon · Coral Red

HEX
#F6A097
RGB
rgb(246, 160, 151)
HSL
hsl(6, 84%, 78%)
HSB
hsb(6, 39%, 96%)
CMYK
cmyk(0%, 35%, 39%, 4%)
Oklch
oklch(78.9% 0.104 26.2)

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

#A7524D

Crimson · Sienna · Passion Red

HEX
#A7524D
RGB
rgb(167, 82, 77)
HSL
hsl(3, 37%, 48%)
HSB
hsb(3, 54%, 65%)
CMYK
cmyk(0%, 51%, 54%, 35%)
Oklch
oklch(54.2% 0.113 25.0)

Traditional「Crimson」· Paint「Passion Red」· Creative Blush Sunrise

#FB8897

Peach Pink · LightCoral · Coral Red

HEX
#FB8897
RGB
rgb(251, 136, 151)
HSL
hsl(352, 93%, 76%)
HSB
hsb(352, 46%, 98%)
CMYK
cmyk(0%, 46%, 40%, 2%)
Oklch
oklch(75.6% 0.140 12.7)

Traditional「Peach Pink」· Paint「Coral Red」· Creative Rose Petal

#E5B59C

Apricot · BurlyWood · Warm Sun

HEX
#E5B59C
RGB
rgb(229, 181, 156)
HSL
hsl(21, 58%, 75%)
HSB
hsb(21, 32%, 90%)
CMYK
cmyk(0%, 21%, 32%, 10%)
Oklch
oklch(81.0% 0.066 48.9)

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

#ADB97B

Grass Green · DarkSeaGreen · Olive Green

HEX
#ADB97B
RGB
rgb(173, 185, 123)
HSL
hsl(72, 31%, 60%)
HSB
hsb(72, 34%, 73%)
CMYK
cmyk(6%, 0%, 34%, 27%)
Oklch
oklch(76.1% 0.084 117.4)

Traditional「Grass Green」· Paint「Olive Green」· Creative Blush Sunrise

Color Harmonies Color Harmonies

Based on color wheel theory, calculated from primary color

Complementary

F6A097
98EDF6

Analogous

F698BD
F6A097
F6D098

Triadic

F6A097
98F6A1
A198F6

Split-Comp.

F6A097
98F6D0
98BDF6

Tetradic

F6A097
BDF698
98EDF6
D098F6

Contrast Matrix WCAG 2.1 Contrast

F6A097
A7524D
FB8897
E5B59C
ADB97B
—
2.6
Fail
1.1
Fail
1.1
Fail
1.0
Fail
2.6
Fail
—
2.3
Fail
2.9
Fail
2.5
Fail
1.1
Fail
2.3
Fail
—
1.3
Fail
1.1
Fail
1.1
Fail
2.9
Fail
1.3
Fail
—
1.1
Fail
1.0
Fail
2.5
Fail
1.1
Fail
1.1
Fail
—
White BG
2.0Fail
5.3AA
2.3Fail
1.8Fail
2.1Fail
Black BG
10.4AAA
4.0AA Large
9.1AAA
11.4AAA
10.0AAA

Color Blindness Simulation Color Blindness Simulation

Protanopia

D1D099
82814E
C9C893
D0D0A2
B2B28A

Deuteranopia

D6DC9A
878E4F
D0D993
D3D7A4
B2B18E

Tritanopia

F29B9B
A34F4F
F59190
E3A7A8
AE9698

Achromatopsia

B9B9B9
6B6B6B
ACACAC
C1C1C1
AEAEAE

Shades & Tints Shades & Tints

#F6A097

Dark
Light

#A7524D

Dark
Light

#FB8897

Dark
Light

Code Snippets Code Snippets

CSS Custom Properties

:root {
  --color-1: #f6a097;
  --color-2: #a7524d;
  --color-3: #fb8897;
  --color-4: #e5b59c;
  --color-5: #adb97b;
}

SCSS

$color-1: #f6a097;
$color-2: #a7524d;
$color-3: #fb8897;
$color-4: #e5b59c;
$color-5: #adb97b;

TAILWIND

colors: {
  'brand-1': '#f6a097',
  'brand-2': '#a7524d',
  'brand-3': '#fb8897',
  'brand-4': '#e5b59c',
  'brand-5': '#adb97b',
}

RGB Array

[246, 160, 151], [167, 82, 77], [251, 136, 151], [229, 181, 156], [173, 185, 123]

FAQ FAQ

What scenarios is this 5-color palette suitable for?

This general-style palette of #F6A097, #A7524D, #FB8897, #E5B59C, #ADB97B 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: #f6a097; --color-2: #a7524d; --color-3: #fb8897; --color-4: #e5b59c; --color-5: #adb97b. 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