← Back to Editor

#F6E3C5 · #FCEFCF · #E6B17F · #D37A68 · #EFE7C0

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

#F6E3C5

Goose Yellow · Bisque · Peach Orange

HEX
#F6E3C5
RGB
rgb(246, 227, 197)
HSL
hsl(37, 73%, 87%)
HSB
hsb(37, 20%, 96%)
CMYK
cmyk(0%, 8%, 20%, 4%)
Oklch
oklch(92.3% 0.045 79.3)

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

#FCEFCF

Goose Yellow · Bisque · Lemon Cream

HEX
#FCEFCF
RGB
rgb(252, 239, 207)
HSL
hsl(43, 88%, 90%)
HSB
hsb(43, 18%, 99%)
CMYK
cmyk(0%, 5%, 18%, 1%)
Oklch
oklch(95.4% 0.044 88.5)

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

#E6B17F

Apricot · BurlyWood · Warm Sun

HEX
#E6B17F
RGB
rgb(230, 177, 127)
HSL
hsl(29, 67%, 70%)
HSB
hsb(29, 45%, 90%)
CMYK
cmyk(0%, 23%, 45%, 10%)
Oklch
oklch(79.8% 0.090 64.3)

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

#D37A68

Peach Pink · LightCoral · Coral Red

HEX
#D37A68
RGB
rgb(211, 122, 104)
HSL
hsl(10, 55%, 62%)
HSB
hsb(10, 51%, 83%)
CMYK
cmyk(0%, 42%, 51%, 17%)
Oklch
oklch(67.3% 0.115 32.4)

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

#EFE7C0

Fresh Green · Bisque · Lemon Cream

HEX
#EFE7C0
RGB
rgb(239, 231, 192)
HSL
hsl(50, 59%, 85%)
HSB
hsb(50, 20%, 94%)
CMYK
cmyk(0%, 3%, 20%, 6%)
Oklch
oklch(92.4% 0.052 97.7)

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

Color Harmonies Color Harmonies

Based on color wheel theory, calculated from primary color

Complementary

F6E3C5
C6D8F6

Analogous

F6CBC6
F6E3C5
F0F6C6

Triadic

F6E3C5
C6F6E3
E3C6F6

Split-Comp.

F6E3C5
C6F0F6
CBC6F6

Tetradic

F6E3C5
C6F6CB
C6D8F6
F6C6F0

Contrast Matrix WCAG 2.1 Contrast

F6E3C5
FCEFCF
E6B17F
D37A68
EFE7C0
—
1.1
Fail
1.5
Fail
2.5
Fail
1.0
Fail
1.1
Fail
—
1.7
Fail
2.7
Fail
1.1
Fail
1.5
Fail
1.7
Fail
—
1.6
Fail
1.5
Fail
2.5
Fail
2.7
Fail
1.6
Fail
—
2.5
Fail
1.0
Fail
1.1
Fail
1.5
Fail
2.5
Fail
—
White BG
1.3Fail
1.1Fail
1.9Fail
3.1AA Large
1.2Fail
Black BG
16.7AAA
18.4AAA
11.0AAA
6.8AA
16.9AAA

Color Blindness Simulation Color Blindness Simulation

Protanopia

EEEECC
F6F6D7
CFCF8B
ACAC6C
ECEBC9

Deuteranopia

EFF0CE
F7F8D9
D2D68E
B2B86D
ECEDCC

Tritanopia

F5D2D3
FBDDDE
E39597
CF7071
EFD1D3

Achromatopsia

E5E5E5
EFEFEF
BBBBBB
939393
E5E5E5

Shades & Tints Shades & Tints

#F6E3C5

Dark
Light

#FCEFCF

Dark
Light

#E6B17F

Dark
Light

Code Snippets Code Snippets

CSS Custom Properties

:root {
  --color-1: #f6e3c5;
  --color-2: #fcefcf;
  --color-3: #e6b17f;
  --color-4: #d37a68;
  --color-5: #efe7c0;
}

SCSS

$color-1: #f6e3c5;
$color-2: #fcefcf;
$color-3: #e6b17f;
$color-4: #d37a68;
$color-5: #efe7c0;

TAILWIND

colors: {
  'brand-1': '#f6e3c5',
  'brand-2': '#fcefcf',
  'brand-3': '#e6b17f',
  'brand-4': '#d37a68',
  'brand-5': '#efe7c0',
}

RGB Array

[246, 227, 197], [252, 239, 207], [230, 177, 127], [211, 122, 104], [239, 231, 192]

FAQ FAQ

What scenarios is this 5-color palette suitable for?

This general-style palette of #F6E3C5, #FCEFCF, #E6B17F, #D37A68, #EFE7C0 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: #f6e3c5; --color-2: #fcefcf; --color-3: #e6b17f; --color-4: #d37a68; --color-5: #efe7c0. 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