← Back to Editor

#F59A68 · #857783 · #EB7127 · #CFBAA3 · #FCE2A2

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

#F59A68

Apricot · SandyBrown · Warm Sun

HEX
#F59A68
RGB
rgb(245, 154, 104)
HSL
hsl(21, 88%, 68%)
HSB
hsb(21, 58%, 96%)
CMYK
cmyk(0%, 37%, 58%, 4%)
Oklch
oklch(76.9% 0.127 48.9)

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

#857783

Ink Gray · Gray · Warm Gray

HEX
#857783
RGB
rgb(133, 119, 131)
HSL
hsl(309, 6%, 49%)
HSB
hsb(309, 11%, 52%)
CMYK
cmyk(0%, 11%, 2%, 48%)
Oklch
oklch(58.6% 0.025 330.5)

Traditional「Ink Gray」· Paint「Warm Gray」· Creative Urban Concrete

#EB7127

Tangerine · Chocolate · Warm Sun

HEX
#EB7127
RGB
rgb(235, 113, 39)
HSL
hsl(23, 83%, 54%)
HSB
hsb(23, 83%, 92%)
CMYK
cmyk(0%, 52%, 83%, 8%)
Oklch
oklch(68.3% 0.171 47.2)

Traditional「Tangerine」· Paint「Warm Sun」· Creative Blush Sunrise

#CFBAA3

Goose Yellow · Tan · Warm Sun

HEX
#CFBAA3
RGB
rgb(207, 186, 163)
HSL
hsl(31, 31%, 73%)
HSB
hsb(31, 21%, 81%)
CMYK
cmyk(0%, 10%, 21%, 19%)
Oklch
oklch(80.1% 0.040 69.8)

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

#FCE2A2

Goose Yellow · Wheat · Lemon Cream

HEX
#FCE2A2
RGB
rgb(252, 226, 162)
HSL
hsl(43, 94%, 81%)
HSB
hsb(43, 36%, 99%)
CMYK
cmyk(0%, 10%, 36%, 1%)
Oklch
oklch(91.9% 0.086 88.4)

Traditional「Goose Yellow」· Paint「Lemon Cream」· Creative Lemon Fizz

Color Harmonies Color Harmonies

Based on color wheel theory, calculated from primary color

Complementary

F59A68
66C3F5

Analogous

F5667B
F59A68
F5E066

Triadic

F59A68
66F598
9866F5

Split-Comp.

F59A68
66F5E0
667BF5

Tetradic

F59A68
7BF566
66C3F5
E066F5

Contrast Matrix WCAG 2.1 Contrast

F59A68
857783
EB7127
CFBAA3
FCE2A2
—
2.0
Fail
1.4
Fail
1.2
Fail
1.7
Fail
2.0
Fail
—
1.4
Fail
2.3
Fail
3.3
AA Large
1.4
Fail
1.4
Fail
—
1.6
Fail
2.4
Fail
1.2
Fail
2.3
Fail
1.6
Fail
—
1.5
Fail
1.7
Fail
3.3
AA Large
2.4
Fail
1.5
Fail
—
White BG
2.2Fail
4.2AA Large
3.0AA Large
1.9Fail
1.3Fail
Black BG
9.7AAA
5.0AA
6.9AA
11.2AAA
16.5AAA

Color Blindness Simulation Color Blindness Simulation

Protanopia

CECD74
7F7F80
B6B539
C6C6A9
F1F1B1

Deuteranopia

D3DA77
80817F
BDC63D
C7C9AA
F2F4B5

Tritanopia

F07E80
847E7D
E5474A
CEADAE
FBBEC0

Achromatopsia

B0B0B0
7D7D7D
8D8D8D
BEBEBE
E2E2E2

Shades & Tints Shades & Tints

#F59A68

Dark
Light

#857783

Dark
Light

#EB7127

Dark
Light

Code Snippets Code Snippets

CSS Custom Properties

:root {
  --color-1: #f59a68;
  --color-2: #857783;
  --color-3: #eb7127;
  --color-4: #cfbaa3;
  --color-5: #fce2a2;
}

SCSS

$color-1: #f59a68;
$color-2: #857783;
$color-3: #eb7127;
$color-4: #cfbaa3;
$color-5: #fce2a2;

TAILWIND

colors: {
  'brand-1': '#f59a68',
  'brand-2': '#857783',
  'brand-3': '#eb7127',
  'brand-4': '#cfbaa3',
  'brand-5': '#fce2a2',
}

RGB Array

[245, 154, 104], [133, 119, 131], [235, 113, 39], [207, 186, 163], [252, 226, 162]

FAQ FAQ

What scenarios is this 5-color palette suitable for?

This general-style palette of #F59A68, #857783, #EB7127, #CFBAA3, #FCE2A2 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: #f59a68; --color-2: #857783; --color-3: #eb7127; --color-4: #cfbaa3; --color-5: #fce2a2. 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