← Back to Editor

#FFEFBE · #FBD98F · #8DBF5E · #849853 · #174008

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 AppData Visualization

Color Details Color Details

#FFEFBE

Goose Yellow · Bisque · Lemon Cream

HEX
#FFEFBE
RGB
rgb(255, 239, 190)
HSL
hsl(45, 100%, 87%)
HSB
hsb(45, 25%, 100%)
CMYK
cmyk(0%, 6%, 25%, 0%)
Oklch
oklch(95.3% 0.065 92.1)

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

#FBD98F

Goose Yellow · Khaki · Lemon Cream

HEX
#FBD98F
RGB
rgb(251, 217, 143)
HSL
hsl(41, 93%, 77%)
HSB
hsb(41, 43%, 98%)
CMYK
cmyk(0%, 14%, 43%, 2%)
Oklch
oklch(89.8% 0.100 85.8)

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

#8DBF5E

Celadon · DarkSeaGreen · Olive Green

HEX
#8DBF5E
RGB
rgb(141, 191, 94)
HSL
hsl(91, 43%, 56%)
HSB
hsb(91, 51%, 75%)
CMYK
cmyk(26%, 0%, 51%, 25%)
Oklch
oklch(74.8% 0.138 131.5)

Traditional「Celadon」· Paint「Olive Green」· Creative Blush Sunrise

#849853

Grass Green · Gray · Olive Green

HEX
#849853
RGB
rgb(132, 152, 83)
HSL
hsl(77, 29%, 46%)
HSB
hsb(77, 45%, 60%)
CMYK
cmyk(13%, 0%, 45%, 40%)
Oklch
oklch(64.8% 0.097 122.4)

Traditional「Grass Green」· Paint「Olive Green」· Creative Blush Sunrise

#174008

Pine Green · DarkGreen · Dark Green

HEX
#174008
RGB
rgb(23, 64, 8)
HSL
hsl(104, 78%, 14%)
HSB
hsb(104, 88%, 25%)
CMYK
cmyk(64%, 0%, 88%, 75%)
Oklch
oklch(33.0% 0.095 139.0)

Traditional「Pine Green」· Paint「Dark Green」· Creative Blush Sunrise

Color Harmonies Color Harmonies

Based on color wheel theory, calculated from primary color

Complementary

FFEFBE
BDCDFF

Analogous

FFCDBD
FFEFBE
EEFFBD

Triadic

FFEFBE
BDFFEE
EEBDFF

Split-Comp.

FFEFBE
BDEEFF
CDBDFF

Tetradic

FFEFBE
BDFFCD
BDCDFF
FFBDEE

Contrast Matrix WCAG 2.1 Contrast

FFEFBE
FBD98F
8DBF5E
849853
174008
—
1.2
Fail
1.9
Fail
2.8
Fail
10.3
AAA
1.2
Fail
—
1.6
Fail
2.3
Fail
8.7
AAA
1.9
Fail
1.6
Fail
—
1.5
Fail
5.5
AA
2.8
Fail
2.3
Fail
1.5
Fail
—
3.7
AA Large
10.3
AAA
8.7
AAA
5.5
AA
3.7
AA Large
—
White BG
1.1Fail
1.4Fail
2.2Fail
3.2AA Large
11.8AAA
Black BG
18.3AAA
15.4AAA
9.7AAA
6.6AA
1.8Fail

Color Blindness Simulation Color Blindness Simulation

Protanopia

F8F8CA
ECECA1
A3A375
8D8D64
292916

Deuteranopia

F9FACD
EEF1A5
A09C7B
8C8A68
262319

Tritanopia

FED3D5
F9AFB2
90888C
857174
192023

Achromatopsia

EEEEEE
DBDBDB
A5A5A5
8A8A8A
2D2D2D

Shades & Tints Shades & Tints

#FFEFBE

Dark
Light

#FBD98F

Dark
Light

#8DBF5E

Dark
Light

Code Snippets Code Snippets

CSS Custom Properties

:root {
  --color-1: #ffefbe;
  --color-2: #fbd98f;
  --color-3: #8dbf5e;
  --color-4: #849853;
  --color-5: #174008;
}

SCSS

$color-1: #ffefbe;
$color-2: #fbd98f;
$color-3: #8dbf5e;
$color-4: #849853;
$color-5: #174008;

TAILWIND

colors: {
  'brand-1': '#ffefbe',
  'brand-2': '#fbd98f',
  'brand-3': '#8dbf5e',
  'brand-4': '#849853',
  'brand-5': '#174008',
}

RGB Array

[255, 239, 190], [251, 217, 143], [141, 191, 94], [132, 152, 83], [23, 64, 8]

FAQ FAQ

What scenarios is this 5-color palette suitable for?

This general-style palette of #FFEFBE, #FBD98F, #8DBF5E, #849853, #174008 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: #ffefbe; --color-2: #fbd98f; --color-3: #8dbf5e; --color-4: #849853; --color-5: #174008. 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