← Back to Editor

#F9F1D6 · #F6D69F · #F3A68E · #D66A74 · #454065

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

#F9F1D6

Goose Yellow · Beige · Lemon Cream

HEX
#F9F1D6
RGB
rgb(249, 241, 214)
HSL
hsl(46, 74%, 91%)
HSB
hsb(46, 14%, 98%)
CMYK
cmyk(0%, 3%, 14%, 2%)
Oklch
oklch(95.7% 0.036 93.3)

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

#F6D69F

Goose Yellow · Wheat · Peach Orange

HEX
#F6D69F
RGB
rgb(246, 214, 159)
HSL
hsl(38, 83%, 79%)
HSB
hsb(38, 35%, 96%)
CMYK
cmyk(0%, 13%, 35%, 4%)
Oklch
oklch(89.0% 0.079 80.9)

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

#F3A68E

Peach Pink · LightSalmon · Coral Red

HEX
#F3A68E
RGB
rgb(243, 166, 142)
HSL
hsl(14, 81%, 75%)
HSB
hsb(14, 42%, 95%)
CMYK
cmyk(0%, 32%, 42%, 5%)
Oklch
oklch(79.4% 0.098 38.0)

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

#D66A74

Peach Pink · LightCoral · Coral Red

HEX
#D66A74
RGB
rgb(214, 106, 116)
HSL
hsl(354, 57%, 63%)
HSB
hsb(354, 50%, 84%)
CMYK
cmyk(0%, 50%, 46%, 16%)
Oklch
oklch(65.4% 0.136 15.8)

Traditional「Peach Pink」· Paint「Coral Red」· Creative Rose Petal

#454065

Deep Indigo · DarkSlateGray · Prussian Blue

HEX
#454065
RGB
rgb(69, 64, 101)
HSL
hsl(248, 22%, 32%)
HSB
hsb(248, 37%, 40%)
CMYK
cmyk(32%, 37%, 0%, 60%)
Oklch
oklch(39.3% 0.062 289.4)

Traditional「Deep Indigo」· Paint「Prussian Blue」· Creative Blush Sunrise

Color Harmonies Color Harmonies

Based on color wheel theory, calculated from primary color

Complementary

F9F1D6
D7DFF9

Analogous

F9E0D7
F9F1D6
F0F9D7

Triadic

F9F1D6
D7F9F1
F1D7F9

Split-Comp.

F9F1D6
D7F0F9
E0D7F9

Tetradic

F9F1D6
D7F9E0
D7DFF9
F9D7F0

Contrast Matrix WCAG 2.1 Contrast

F9F1D6
F6D69F
F3A68E
D66A74
454065
—
1.2
Fail
1.7
Fail
3.0
AA Large
8.5
AAA
1.2
Fail
—
1.4
Fail
2.4
Fail
6.9
AA
1.7
Fail
1.4
Fail
—
1.7
Fail
4.9
AA
3.0
AA Large
2.4
Fail
1.7
Fail
—
2.8
Fail
8.5
AAA
6.9
AA
4.9
AA
2.8
Fail
—
White BG
1.1Fail
1.4Fail
2.0Fail
3.4AA Large
9.7AAA
Black BG
18.6AAA
15.0AAA
10.7AAA
6.2AA
2.2Fail

Color Blindness Simulation Color Blindness Simulation

Protanopia

F6F5DD
E8E8AC
D2D194
A7A672
43435C

Deuteranopia

F6F7DE
EAECB0
D6DC95
AEB671
43445A

Tritanopia

F9E2E3
F4B7B9
EF9899
D1706F
455553

Achromatopsia

F0F0F0
D9D9D9
BABABA
8B8B8B
464646

Shades & Tints Shades & Tints

#F9F1D6

Dark
Light

#F6D69F

Dark
Light

#F3A68E

Dark
Light

Code Snippets Code Snippets

CSS Custom Properties

:root {
  --color-1: #f9f1d6;
  --color-2: #f6d69f;
  --color-3: #f3a68e;
  --color-4: #d66a74;
  --color-5: #454065;
}

SCSS

$color-1: #f9f1d6;
$color-2: #f6d69f;
$color-3: #f3a68e;
$color-4: #d66a74;
$color-5: #454065;

TAILWIND

colors: {
  'brand-1': '#f9f1d6',
  'brand-2': '#f6d69f',
  'brand-3': '#f3a68e',
  'brand-4': '#d66a74',
  'brand-5': '#454065',
}

RGB Array

[249, 241, 214], [246, 214, 159], [243, 166, 142], [214, 106, 116], [69, 64, 101]

FAQ FAQ

What scenarios is this 5-color palette suitable for?

This general-style palette of #F9F1D6, #F6D69F, #F3A68E, #D66A74, #454065 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: #f9f1d6; --color-2: #f6d69f; --color-3: #f3a68e; --color-4: #d66a74; --color-5: #454065. 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