← Back to Editor

#FF7566 · #FF8B5F · #F9CC91 · #6CB099 · #36896F

A 5-color palette palette · Complete color analysis and application guide

Scene Recommendations Scene Recommendations

Emotion EMOTION

PassionateDynamicWarmCool

Industry INDUSTRY

EntertainmentFMCG

UI Context UI CONTEXT

Sale PromoSocial App

Color Details Color Details

#FF7566

Peach Pink · Salmon · Coral Red

HEX
#FF7566
RGB
rgb(255, 117, 102)
HSL
hsl(6, 100%, 70%)
HSB
hsb(6, 60%, 100%)
CMYK
cmyk(0%, 54%, 60%, 0%)
Oklch
oklch(72.4% 0.171 28.3)

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

#FF8B5F

Apricot · Coral · Warm Sun

HEX
#FF8B5F
RGB
rgb(255, 139, 95)
HSL
hsl(16, 100%, 69%)
HSB
hsb(16, 63%, 100%)
CMYK
cmyk(0%, 45%, 63%, 0%)
Oklch
oklch(75.5% 0.153 41.1)

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

#F9CC91

Goose Yellow · Khaki · Peach Orange

HEX
#F9CC91
RGB
rgb(249, 204, 145)
HSL
hsl(34, 90%, 77%)
HSB
hsb(34, 42%, 98%)
CMYK
cmyk(0%, 18%, 42%, 2%)
Oklch
oklch(87.1% 0.091 73.7)

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

#6CB099

Mineral Blue · CadetBlue · Lake Green

HEX
#6CB099
RGB
rgb(108, 176, 153)
HSL
hsl(160, 30%, 56%)
HSB
hsb(160, 39%, 69%)
CMYK
cmyk(39%, 0%, 13%, 31%)
Oklch
oklch(70.5% 0.078 170.5)

Traditional「Mineral Blue」· Paint「Lake Green」· Creative Blush Sunrise

#36896F

Mineral Blue · SeaGreen · Mint Ice

HEX
#36896F
RGB
rgb(54, 137, 111)
HSL
hsl(161, 43%, 37%)
HSB
hsb(161, 61%, 54%)
CMYK
cmyk(61%, 0%, 19%, 46%)
Oklch
oklch(57.2% 0.090 169.4)

Traditional「Mineral Blue」· Paint「Mint Ice」· Creative Blush Sunrise

Color Harmonies Color Harmonies

Based on color wheel theory, calculated from primary color

Complementary

FF7566
66F0FF

Analogous

FF66A3
FF7566
FFC266

Triadic

FF7566
66FF75
7566FF

Split-Comp.

FF7566
66FFC2
66A3FF

Tetradic

FF7566
A3FF66
66F0FF
C266FF

Contrast Matrix WCAG 2.1 Contrast

FF7566
FF8B5F
F9CC91
6CB099
36896F
—
1.1
Fail
1.8
Fail
1.0
Fail
1.6
Fail
1.1
Fail
—
1.5
Fail
1.1
Fail
1.8
Fail
1.8
Fail
1.5
Fail
—
1.7
Fail
2.8
Fail
1.0
Fail
1.1
Fail
1.7
Fail
—
1.7
Fail
1.6
Fail
1.8
Fail
2.8
Fail
1.7
Fail
—
White BG
2.6Fail
2.3Fail
1.5Fail
2.5Fail
4.2AA Large
Black BG
8.0AAA
9.1AAA
14.1AAA
8.3AAA
5.0AA

Color Blindness Simulation Color Blindness Simulation

Protanopia

C3C26A
CDCC6A
E6E59F
898A9F
5A5B75

Deuteranopia

CBD66B
D4DC6C
E8EBA3
8680A0
554F77

Tritanopia

F86C6D
F97274
F7ABAD
6FA3A4
3A7A7B

Achromatopsia

9D9D9D
A9A9A9
D3D3D3
999999
6D6D6D

Shades & Tints Shades & Tints

#FF7566

Dark
Light

#FF8B5F

Dark
Light

#F9CC91

Dark
Light

Code Snippets Code Snippets

CSS Custom Properties

:root {
  --color-1: #ff7566;
  --color-2: #ff8b5f;
  --color-3: #f9cc91;
  --color-4: #6cb099;
  --color-5: #36896f;
}

SCSS

$color-1: #ff7566;
$color-2: #ff8b5f;
$color-3: #f9cc91;
$color-4: #6cb099;
$color-5: #36896f;

TAILWIND

colors: {
  'brand-1': '#ff7566',
  'brand-2': '#ff8b5f',
  'brand-3': '#f9cc91',
  'brand-4': '#6cb099',
  'brand-5': '#36896f',
}

RGB Array

[255, 117, 102], [255, 139, 95], [249, 204, 145], [108, 176, 153], [54, 137, 111]

FAQ FAQ

What scenarios is this 5-color palette suitable for?

This general-style palette of #FF7566, #FF8B5F, #F9CC91, #6CB099, #36896F 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: #ff7566; --color-2: #ff8b5f; --color-3: #f9cc91; --color-4: #6cb099; --color-5: #36896f. 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