← Back to Editor

#F9FFF0 · #F1FFBA · #FADE7A · #FAB14B · #5E4249

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

#F9FFF0

Willow Green · SeaShell · Mint Green

HEX
#F9FFF0
RGB
rgb(249, 255, 240)
HSL
hsl(84, 100%, 97%)
HSB
hsb(84, 6%, 100%)
CMYK
cmyk(2%, 0%, 6%, 0%)
Oklch
oklch(99.1% 0.021 124.6)

Traditional「Willow Green」· Paint「Mint Green」· Creative Mint Breeze

#F1FFBA

Willow Green · Bisque · Mint Green

HEX
#F1FFBA
RGB
rgb(241, 255, 186)
HSL
hsl(72, 100%, 86%)
HSB
hsb(72, 27%, 100%)
CMYK
cmyk(5%, 0%, 27%, 0%)
Oklch
oklch(97.3% 0.089 117.4)

Traditional「Willow Green」· Paint「Mint Green」· Creative Mint Breeze

#FADE7A

Goose Yellow · Khaki · Sunflower

HEX
#FADE7A
RGB
rgb(250, 222, 122)
HSL
hsl(47, 93%, 73%)
HSB
hsb(47, 51%, 98%)
CMYK
cmyk(0%, 11%, 51%, 2%)
Oklch
oklch(90.4% 0.124 94.1)

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

#FAB14B

Ginger · SandyBrown · Warm Sun

HEX
#FAB14B
RGB
rgb(250, 177, 75)
HSL
hsl(35, 95%, 64%)
HSB
hsb(35, 70%, 98%)
CMYK
cmyk(0%, 29%, 70%, 2%)
Oklch
oklch(81.2% 0.143 72.1)

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

#5E4249

Crimson · DarkSlateGray · Wine Red

HEX
#5E4249
RGB
rgb(94, 66, 73)
HSL
hsl(345, 18%, 31%)
HSB
hsb(345, 30%, 37%)
CMYK
cmyk(0%, 30%, 22%, 63%)
Oklch
oklch(41.2% 0.040 2.5)

Traditional「Crimson」· Paint「Wine Red」· Creative Blush Sunrise

Color Harmonies Color Harmonies

Based on color wheel theory, calculated from primary color

Complementary

F9FFF0
F6F0FF

Analogous

FFFDF0
F9FFF0
F1FFF0

Triadic

F9FFF0
F0F9FF
FFF0F9

Split-Comp.

F9FFF0
F0F1FF
FDF0FF

Tetradic

F9FFF0
F0FFFD
F6F0FF
FFF0F1

Contrast Matrix WCAG 2.1 Contrast

F9FFF0
F1FFBA
FADE7A
FAB14B
5E4249
—
1.0
Fail
1.3
Fail
1.8
Fail
8.8
AAA
1.0
Fail
—
1.3
Fail
1.7
Fail
8.4
AAA
1.3
Fail
1.3
Fail
—
1.4
Fail
6.7
AA
1.8
Fail
1.7
Fail
1.4
Fail
—
4.9
AA
8.8
AAA
8.4
AAA
6.7
AA
4.9
AA
—
White BG
1.0Fail
1.1Fail
1.3Fail
1.8Fail
8.9AAA
Black BG
20.6AAA
19.8AAA
15.8AAA
11.5AAA
2.4Fail

Color Blindness Simulation Color Blindness Simulation

Protanopia

FCFCF4
F7F7CB
EEEE92
DADA64
525247

Deuteranopia

FBFBF5
F6F5CF
F0F298
DFE46A
545647

Tritanopia

F9F6F7
F2D8DB
F9A5AA
F6777B
5D4646

Achromatopsia

FBFBFB
F3F3F3
DBDBDB
BBBBBB
4B4B4B

Shades & Tints Shades & Tints

#F9FFF0

Dark
Light

#F1FFBA

Dark
Light

#FADE7A

Dark
Light

Code Snippets Code Snippets

CSS Custom Properties

:root {
  --color-1: #f9fff0;
  --color-2: #f1ffba;
  --color-3: #fade7a;
  --color-4: #fab14b;
  --color-5: #5e4249;
}

SCSS

$color-1: #f9fff0;
$color-2: #f1ffba;
$color-3: #fade7a;
$color-4: #fab14b;
$color-5: #5e4249;

TAILWIND

colors: {
  'brand-1': '#f9fff0',
  'brand-2': '#f1ffba',
  'brand-3': '#fade7a',
  'brand-4': '#fab14b',
  'brand-5': '#5e4249',
}

RGB Array

[249, 255, 240], [241, 255, 186], [250, 222, 122], [250, 177, 75], [94, 66, 73]

FAQ FAQ

What scenarios is this 5-color palette suitable for?

This general-style palette of #F9FFF0, #F1FFBA, #FADE7A, #FAB14B, #5E4249 is ideal for: social media posters, mobile apps, e-commerce promos, health products, baby brands, fresh-style blogs, 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: #f9fff0; --color-2: #f1ffba; --color-3: #fade7a; --color-4: #fab14b; --color-5: #5e4249. 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. 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