← Back to Editor

#F06E68 · #CF866B · #83675C · #DBBF63 · #F5D058

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

#F06E68

Peach Pink · Salmon · Coral Red

HEX
#F06E68
RGB
rgb(240, 110, 104)
HSL
hsl(3, 82%, 67%)
HSB
hsb(3, 57%, 94%)
CMYK
cmyk(0%, 54%, 57%, 6%)
Oklch
oklch(69.3% 0.162 24.8)

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

#CF866B

Apricot · DarkSalmon · Warm Sun

HEX
#CF866B
RGB
rgb(207, 134, 107)
HSL
hsl(16, 51%, 62%)
HSB
hsb(16, 48%, 81%)
CMYK
cmyk(0%, 35%, 48%, 19%)
Oklch
oklch(68.9% 0.098 41.0)

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

#83675C

Tangerine · DimGray · Amber Brown

HEX
#83675C
RGB
rgb(131, 103, 92)
HSL
hsl(17, 17%, 44%)
HSB
hsb(17, 30%, 51%)
CMYK
cmyk(0%, 21%, 30%, 49%)
Oklch
oklch(53.8% 0.040 42.5)

Traditional「Tangerine」· Paint「Amber Brown」· Creative Blush Sunrise

#DBBF63

Ginger · BurlyWood · Sunflower

HEX
#DBBF63
RGB
rgb(219, 191, 99)
HSL
hsl(46, 62%, 62%)
HSB
hsb(46, 55%, 86%)
CMYK
cmyk(0%, 13%, 55%, 14%)
Oklch
oklch(81.0% 0.116 92.7)

Traditional「Ginger」· Paint「Sunflower」· Creative Lemon Fizz

#F5D058

Ginger · SandyBrown · Sunflower

HEX
#F5D058
RGB
rgb(245, 208, 88)
HSL
hsl(46, 89%, 65%)
HSB
hsb(46, 64%, 96%)
CMYK
cmyk(0%, 15%, 64%, 4%)
Oklch
oklch(86.7% 0.143 92.0)

Traditional「Ginger」· Paint「Sunflower」· Creative Lemon Fizz

Color Harmonies Color Harmonies

Based on color wheel theory, calculated from primary color

Complementary

F06E68
66E9F0

Analogous

F066A4
F06E68
F0B266

Triadic

F06E68
66F06D
6D66F0

Split-Comp.

F06E68
66F0B2
66A4F0

Tetradic

F06E68
A4F066
66E9F0
B266F0

Contrast Matrix WCAG 2.1 Contrast

F06E68
CF866B
83675C
DBBF63
F5D058
—
1.0
Fail
1.8
Fail
1.6
Fail
2.0
Fail
1.0
Fail
—
1.8
Fail
1.6
Fail
1.9
Fail
1.8
Fail
1.8
Fail
—
2.9
Fail
3.5
AA Large
1.6
Fail
1.6
Fail
2.9
Fail
—
1.2
Fail
2.0
Fail
1.9
Fail
3.5
AA Large
1.2
Fail
—
White BG
2.9Fail
2.9Fail
5.2AA
1.8Fail
1.5Fail
Black BG
7.1AAA
7.3AAA
4.1AA Large
11.6AAA
14.0AAA

Color Blindness Simulation Color Blindness Simulation

Protanopia

B8B769
AFAF72
77775F
CFCF79
E5E575

Deuteranopia

BFC96A
B4B973
797B5F
D1D37F
E7EA7C

Tritanopia

EA6B6B
CB7778
826161
DA8B8F
F38C91

Achromatopsia

949494
999999
6E6E6E
BDBDBD
CDCDCD

Shades & Tints Shades & Tints

#F06E68

Dark
Light

#CF866B

Dark
Light

#83675C

Dark
Light

Code Snippets Code Snippets

CSS Custom Properties

:root {
  --color-1: #f06e68;
  --color-2: #cf866b;
  --color-3: #83675c;
  --color-4: #dbbf63;
  --color-5: #f5d058;
}

SCSS

$color-1: #f06e68;
$color-2: #cf866b;
$color-3: #83675c;
$color-4: #dbbf63;
$color-5: #f5d058;

TAILWIND

colors: {
  'brand-1': '#f06e68',
  'brand-2': '#cf866b',
  'brand-3': '#83675c',
  'brand-4': '#dbbf63',
  'brand-5': '#f5d058',
}

RGB Array

[240, 110, 104], [207, 134, 107], [131, 103, 92], [219, 191, 99], [245, 208, 88]

FAQ FAQ

What scenarios is this 5-color palette suitable for?

This general-style palette of #F06E68, #CF866B, #83675C, #DBBF63, #F5D058 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: #f06e68; --color-2: #cf866b; --color-3: #83675c; --color-4: #dbbf63; --color-5: #f5d058. 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