← Back to Editor

#F4F2B9 · #FBE3B7 · #D9B8A9 · #C49BA1 · #07064A

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

#F4F2B9

Fresh Green · Wheat · Lemon Cream

HEX
#F4F2B9
RGB
rgb(244, 242, 185)
HSL
hsl(58, 73%, 84%)
HSB
hsb(58, 24%, 96%)
CMYK
cmyk(0%, 1%, 24%, 4%)
Oklch
oklch(94.9% 0.073 106.0)

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

#FBE3B7

Goose Yellow · Wheat · Peach Orange

HEX
#FBE3B7
RGB
rgb(251, 227, 183)
HSL
hsl(39, 89%, 85%)
HSB
hsb(39, 27%, 98%)
CMYK
cmyk(0%, 10%, 27%, 2%)
Oklch
oklch(92.5% 0.063 82.6)

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

#D9B8A9

Apricot · Tan · Peach Orange

HEX
#D9B8A9
RGB
rgb(217, 184, 169)
HSL
hsl(19, 39%, 76%)
HSB
hsb(19, 22%, 85%)
CMYK
cmyk(0%, 15%, 22%, 15%)
Oklch
oklch(80.7% 0.044 45.9)

Traditional「Apricot」· Paint「Peach Orange」· Creative Honey Glow

#C49BA1

Peach Pink · DarkGray · Coral Red

HEX
#C49BA1
RGB
rgb(196, 155, 161)
HSL
hsl(351, 26%, 69%)
HSB
hsb(351, 21%, 77%)
CMYK
cmyk(0%, 21%, 18%, 23%)
Oklch
oklch(72.9% 0.049 8.5)

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

#07064A

Deep Indigo · MidnightBlue · Deep Sea Blue

HEX
#07064A
RGB
rgb(7, 6, 74)
HSL
hsl(241, 85%, 16%)
HSB
hsb(241, 92%, 29%)
CMYK
cmyk(91%, 92%, 0%, 71%)
Oklch
oklch(20.1% 0.118 269.7)

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

Color Harmonies Color Harmonies

Based on color wheel theory, calculated from primary color

Complementary

F4F2B9
B8BAF4

Analogous

F4D4B8
F4F2B9
D8F4B8

Triadic

F4F2B9
B8F4F2
F2B8F4

Split-Comp.

F4F2B9
B8D8F4
D4B8F4

Tetradic

F4F2B9
B8F4D4
B8BAF4
F4B8D8

Contrast Matrix WCAG 2.1 Contrast

F4F2B9
FBE3B7
D9B8A9
C49BA1
07064A
—
1.1
Fail
1.6
Fail
2.1
Fail
16.1
AAA
1.1
Fail
—
1.5
Fail
2.0
Fail
14.8
AAA
1.6
Fail
1.5
Fail
—
1.3
Fail
10.0
AAA
2.1
Fail
2.0
Fail
1.3
Fail
—
7.5
AAA
16.1
AAA
14.8
AAA
10.0
AAA
7.5
AAA
—
White BG
1.2Fail
1.3Fail
1.8Fail
2.5Fail
18.5AAA
Black BG
18.2AAA
16.8AAA
11.4AAA
8.6AAA
1.1Fail

Color Blindness Simulation Color Blindness Simulation

Protanopia

F3F3C7
F1F0C2
CBCAAD
B2B2A0
07073A

Deuteranopia

F3F3CA
F2F4C4
CDCFAE
B5B89F
070736

Tritanopia

F4D2D4
FACACC
D7AFB0
C29E9E
072D2A

Achromatopsia

ECECEC
E5E5E5
C0C0C0
A8A8A8
0E0E0E

Shades & Tints Shades & Tints

#F4F2B9

Dark
Light

#FBE3B7

Dark
Light

#D9B8A9

Dark
Light

Code Snippets Code Snippets

CSS Custom Properties

:root {
  --color-1: #f4f2b9;
  --color-2: #fbe3b7;
  --color-3: #d9b8a9;
  --color-4: #c49ba1;
  --color-5: #07064a;
}

SCSS

$color-1: #f4f2b9;
$color-2: #fbe3b7;
$color-3: #d9b8a9;
$color-4: #c49ba1;
$color-5: #07064a;

TAILWIND

colors: {
  'brand-1': '#f4f2b9',
  'brand-2': '#fbe3b7',
  'brand-3': '#d9b8a9',
  'brand-4': '#c49ba1',
  'brand-5': '#07064a',
}

RGB Array

[244, 242, 185], [251, 227, 183], [217, 184, 169], [196, 155, 161], [7, 6, 74]

FAQ FAQ

What scenarios is this 5-color palette suitable for?

This general-style palette of #F4F2B9, #FBE3B7, #D9B8A9, #C49BA1, #07064A 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: #f4f2b9; --color-2: #fbe3b7; --color-3: #d9b8a9; --color-4: #c49ba1; --color-5: #07064a. 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