← Back to Editor

#F35C6F · #FFC767 · #FFFED5 · #BEBD2F · #74909C

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 AppData Visualization

Color Details Color Details

#F35C6F

Peach Pink · Salmon · Coral Red

HEX
#F35C6F
RGB
rgb(243, 92, 111)
HSL
hsl(352, 86%, 66%)
HSB
hsb(352, 62%, 95%)
CMYK
cmyk(0%, 62%, 54%, 5%)
Oklch
oklch(67.6% 0.185 16.1)

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

#FFC767

Ginger · SandyBrown · Warm Sun

HEX
#FFC767
RGB
rgb(255, 199, 103)
HSL
hsl(38, 100%, 70%)
HSB
hsb(38, 60%, 100%)
CMYK
cmyk(0%, 22%, 60%, 0%)
Oklch
oklch(86.1% 0.130 79.1)

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

#FFFED5

Fresh Green · LightYellow · Lemon Cream

HEX
#FFFED5
RGB
rgb(255, 254, 213)
HSL
hsl(59, 100%, 92%)
HSB
hsb(59, 16%, 100%)
CMYK
cmyk(0%, 0%, 16%, 0%)
Oklch
oklch(98.7% 0.053 106.2)

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

#BEBD2F

Autumn Sage · GoldenRod · Honey Gold

HEX
#BEBD2F
RGB
rgb(190, 189, 47)
HSL
hsl(60, 60%, 46%)
HSB
hsb(60, 75%, 75%)
CMYK
cmyk(0%, 1%, 75%, 25%)
Oklch
oklch(77.5% 0.154 109.1)

Traditional「Autumn Sage」· Paint「Honey Gold」· Creative Blush Sunrise

#74909C

Slate Blue · LightSlateGray · Lake Green

HEX
#74909C
RGB
rgb(116, 144, 156)
HSL
hsl(198, 17%, 53%)
HSB
hsb(198, 26%, 61%)
CMYK
cmyk(26%, 8%, 0%, 39%)
Oklch
oklch(63.6% 0.036 225.8)

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

Color Harmonies Color Harmonies

Based on color wheel theory, calculated from primary color

Complementary

F35C6F
5EF3DF

Analogous

F35EBC
F35C6F
F3945E

Triadic

F35C6F
72F35E
5E72F3

Split-Comp.

F35C6F
5EF394
5EBCF3

Tetradic

F35C6F
BCF35E
5EF3DF
945EF3

Contrast Matrix WCAG 2.1 Contrast

F35C6F
FFC767
FFFED5
BEBD2F
74909C
—
2.1
Fail
3.1
AA Large
1.6
Fail
1.1
Fail
2.1
Fail
—
1.5
Fail
1.3
Fail
2.2
Fail
3.1
AA Large
1.5
Fail
—
1.9
Fail
3.3
AA Large
1.6
Fail
1.3
Fail
1.9
Fail
—
1.7
Fail
1.1
Fail
2.2
Fail
3.3
AA Large
1.7
Fail
—
White BG
3.2AA Large
1.5Fail
1.0Fail
2.0Fail
3.4AA Large
Black BG
6.6AA
13.6AAA
20.4AAA
10.5AAA
6.2AA

Color Blindness Simulation Color Blindness Simulation

Protanopia

B2B06A
E7E67E
FFFFDF
BEBE51
808099

Deuteranopia

BAC669
EAEE84
FFFFE1
BEBE5A
7F7C98

Tritanopia

EB6766
FC9195
FFE7E8
BE6C72
759796

Achromatopsia

8B8B8B
CDCDCD
FAFAFA
ADADAD
898989

Shades & Tints Shades & Tints

#F35C6F

Dark
Light

#FFC767

Dark
Light

#FFFED5

Dark
Light

Code Snippets Code Snippets

CSS Custom Properties

:root {
  --color-1: #f35c6f;
  --color-2: #ffc767;
  --color-3: #fffed5;
  --color-4: #bebd2f;
  --color-5: #74909c;
}

SCSS

$color-1: #f35c6f;
$color-2: #ffc767;
$color-3: #fffed5;
$color-4: #bebd2f;
$color-5: #74909c;

TAILWIND

colors: {
  'brand-1': '#f35c6f',
  'brand-2': '#ffc767',
  'brand-3': '#fffed5',
  'brand-4': '#bebd2f',
  'brand-5': '#74909c',
}

RGB Array

[243, 92, 111], [255, 199, 103], [255, 254, 213], [190, 189, 47], [116, 144, 156]

FAQ FAQ

What scenarios is this 5-color palette suitable for?

This general-style palette of #F35C6F, #FFC767, #FFFED5, #BEBD2F, #74909C is ideal for: social media posters, mobile apps, e-commerce promos, health products, baby brands, fresh-style blogs, infographics, data visualization, accessible design. Vivid colors effectively attract user attention. High contrast ensures clear visual hierarchy and readability. 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: #f35c6f; --color-2: #ffc767; --color-3: #fffed5; --color-4: #bebd2f; --color-5: #74909c. 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. High-contrast palettes naturally meet WCAG accessibility standards. 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