← Back to Editor

#F06840 · #FBC774 · #FFD9A3 · #D7B085 · #C3BE94

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

#F06840

Vermilion · Tomato · Passion Red

HEX
#F06840
RGB
rgb(240, 104, 64)
HSL
hsl(14, 85%, 60%)
HSB
hsb(14, 73%, 94%)
CMYK
cmyk(0%, 57%, 73%, 6%)
Oklch
oklch(67.9% 0.177 37.0)

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

#FBC774

Goose Yellow · BurlyWood · Warm Sun

HEX
#FBC774
RGB
rgb(251, 199, 116)
HSL
hsl(37, 94%, 72%)
HSB
hsb(37, 54%, 98%)
CMYK
cmyk(0%, 21%, 54%, 2%)
Oklch
oklch(85.9% 0.117 77.9)

Traditional「Goose Yellow」· Paint「Warm Sun」· Creative Honey Glow

#FFD9A3

Goose Yellow · Wheat · Peach Orange

HEX
#FFD9A3
RGB
rgb(255, 217, 163)
HSL
hsl(35, 100%, 82%)
HSB
hsb(35, 36%, 100%)
CMYK
cmyk(0%, 15%, 36%, 0%)
Oklch
oklch(90.5% 0.081 76.1)

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

#D7B085

Ginger · Tan · Warm Sun

HEX
#D7B085
RGB
rgb(215, 176, 133)
HSL
hsl(31, 51%, 68%)
HSB
hsb(31, 38%, 84%)
CMYK
cmyk(0%, 18%, 38%, 16%)
Oklch
oklch(78.2% 0.073 69.2)

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

#C3BE94

Fresh Green · Tan · Sunflower

HEX
#C3BE94
RGB
rgb(195, 190, 148)
HSL
hsl(54, 28%, 67%)
HSB
hsb(54, 24%, 76%)
CMYK
cmyk(0%, 3%, 24%, 24%)
Oklch
oklch(79.5% 0.057 101.9)

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

Color Harmonies Color Harmonies

Based on color wheel theory, calculated from primary color

Complementary

F06840
42C7F0

Analogous

F04271
F06840
F0C142

Triadic

F06840
42F06B
6B42F0

Split-Comp.

F06840
42F0C1
4271F0

Tetradic

F06840
71F042
42C7F0
C142F0

Contrast Matrix WCAG 2.1 Contrast

F06840
FBC774
FFD9A3
D7B085
C3BE94
—
2.0
Fail
2.3
Fail
1.5
Fail
1.6
Fail
2.0
Fail
—
1.2
Fail
1.3
Fail
1.2
Fail
2.3
Fail
1.2
Fail
—
1.5
Fail
1.4
Fail
1.5
Fail
1.3
Fail
1.5
Fail
—
1.1
Fail
1.6
Fail
1.2
Fail
1.4
Fail
1.1
Fail
—
White BG
3.1AA Large
1.6Fail
1.3Fail
2.0Fail
1.9Fail
Black BG
6.8AA
13.5AAA
15.7AAA
10.4AAA
11.1AAA

Color Blindness Simulation Color Blindness Simulation

Protanopia

B5B44A
E4E488
EFEEB0
C6C68F
C1C19E

Deuteranopia

BDC74C
E8EB8D
F1F4B3
C8CB92
C1C2A1

Tritanopia

E95153
F8989B
FDBABD
D59899
C3A6A8

Achromatopsia

8C8C8C
CDCDCD
DEDEDE
B7B7B7
BBBBBB

Shades & Tints Shades & Tints

#F06840

Dark
Light

#FBC774

Dark
Light

#FFD9A3

Dark
Light

Code Snippets Code Snippets

CSS Custom Properties

:root {
  --color-1: #f06840;
  --color-2: #fbc774;
  --color-3: #ffd9a3;
  --color-4: #d7b085;
  --color-5: #c3be94;
}

SCSS

$color-1: #f06840;
$color-2: #fbc774;
$color-3: #ffd9a3;
$color-4: #d7b085;
$color-5: #c3be94;

TAILWIND

colors: {
  'brand-1': '#f06840',
  'brand-2': '#fbc774',
  'brand-3': '#ffd9a3',
  'brand-4': '#d7b085',
  'brand-5': '#c3be94',
}

RGB Array

[240, 104, 64], [251, 199, 116], [255, 217, 163], [215, 176, 133], [195, 190, 148]

FAQ FAQ

What scenarios is this 5-color palette suitable for?

This general-style palette of #F06840, #FBC774, #FFD9A3, #D7B085, #C3BE94 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: #f06840; --color-2: #fbc774; --color-3: #ffd9a3; --color-4: #d7b085; --color-5: #c3be94. 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