← Back to Editor

#FFF6CB · #FFE19E · #EEC478 · #3B3127 · #7DA793

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

#FFF6CB

Fresh Green · Bisque · Lemon Cream

HEX
#FFF6CB
RGB
rgb(255, 246, 203)
HSL
hsl(50, 100%, 90%)
HSB
hsb(50, 20%, 100%)
CMYK
cmyk(0%, 4%, 20%, 0%)
Oklch
oklch(96.9% 0.056 97.5)

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

#FFE19E

Goose Yellow · Wheat · Lemon Cream

HEX
#FFE19E
RGB
rgb(255, 225, 158)
HSL
hsl(41, 100%, 81%)
HSB
hsb(41, 38%, 100%)
CMYK
cmyk(0%, 12%, 38%, 0%)
Oklch
oklch(91.9% 0.091 86.5)

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

#EEC478

Ginger · BurlyWood · Warm Sun

HEX
#EEC478
RGB
rgb(238, 196, 120)
HSL
hsl(39, 78%, 70%)
HSB
hsb(39, 50%, 93%)
CMYK
cmyk(0%, 18%, 50%, 7%)
Oklch
oklch(84.1% 0.106 81.3)

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

#3B3127

Ochre · DarkSlateGray · Cinnamon

HEX
#3B3127
RGB
rgb(59, 49, 39)
HSL
hsl(30, 20%, 19%)
HSB
hsb(30, 34%, 23%)
CMYK
cmyk(0%, 17%, 34%, 77%)
Oklch
oklch(32.1% 0.022 66.9)

Traditional「Ochre」· Paint「Cinnamon」· Creative Blush Sunrise

#7DA793

Mineral Blue · DarkSeaGreen · Olive Green

HEX
#7DA793
RGB
rgb(125, 167, 147)
HSL
hsl(151, 19%, 57%)
HSB
hsb(151, 25%, 65%)
CMYK
cmyk(25%, 0%, 12%, 35%)
Oklch
oklch(69.2% 0.054 164.1)

Traditional「Mineral Blue」· Paint「Olive Green」· Creative Blush Sunrise

Color Harmonies Color Harmonies

Based on color wheel theory, calculated from primary color

Complementary

FFF6CB
CCD4FF

Analogous

FFDDCC
FFF6CB
EEFFCC

Triadic

FFF6CB
CCFFF7
F6CCFF

Split-Comp.

FFF6CB
CCEEFF
DDCCFF

Tetradic

FFF6CB
CCFFDD
CCD4FF
FFCCEE

Contrast Matrix WCAG 2.1 Contrast

FFF6CB
FFE19E
EEC478
3B3127
7DA793
—
1.2
Fail
1.5
Fail
11.7
AAA
2.5
Fail
1.2
Fail
—
1.3
Fail
10.0
AAA
2.1
Fail
1.5
Fail
1.3
Fail
—
7.7
AAA
1.6
Fail
11.7
AAA
10.0
AAA
7.7
AAA
—
4.7
AA
2.5
Fail
2.1
Fail
1.6
Fail
4.7
AA
—
White BG
1.1Fail
1.3Fail
1.6Fail
12.7AAA
2.7Fail
Black BG
19.3AAA
16.5AAA
12.8AAA
1.7Fail
7.8AAA

Color Blindness Simulation Color Blindness Simulation

Protanopia

FBFBD5
F2F2AE
DCDB8A
373729
8F9098

Deuteranopia

FCFCD8
F4F6B2
DEE18F
37382A
8D8A99

Tritanopia

FFDEDF
FEBBBE
EC999C
3B2B2C
7F9C9D

Achromatopsia

F4F4F4
E2E2E2
C8C8C8
333333
989898

Shades & Tints Shades & Tints

#FFF6CB

Dark
Light

#FFE19E

Dark
Light

#EEC478

Dark
Light

Code Snippets Code Snippets

CSS Custom Properties

:root {
  --color-1: #fff6cb;
  --color-2: #ffe19e;
  --color-3: #eec478;
  --color-4: #3b3127;
  --color-5: #7da793;
}

SCSS

$color-1: #fff6cb;
$color-2: #ffe19e;
$color-3: #eec478;
$color-4: #3b3127;
$color-5: #7da793;

TAILWIND

colors: {
  'brand-1': '#fff6cb',
  'brand-2': '#ffe19e',
  'brand-3': '#eec478',
  'brand-4': '#3b3127',
  'brand-5': '#7da793',
}

RGB Array

[255, 246, 203], [255, 225, 158], [238, 196, 120], [59, 49, 39], [125, 167, 147]

FAQ FAQ

What scenarios is this 5-color palette suitable for?

This general-style palette of #FFF6CB, #FFE19E, #EEC478, #3B3127, #7DA793 is ideal for: social media posters, mobile apps, e-commerce promos, 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: #fff6cb; --color-2: #ffe19e; --color-3: #eec478; --color-4: #3b3127; --color-5: #7da793. 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. 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