← Back to Editor

#FFF2C9 · #F3E3AF · #B29269 · #2D3F43 · #000730

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

#FFF2C9

Goose Yellow · Bisque · Lemon Cream

HEX
#FFF2C9
RGB
rgb(255, 242, 201)
HSL
hsl(46, 100%, 89%)
HSB
hsb(46, 21%, 100%)
CMYK
cmyk(0%, 5%, 21%, 0%)
Oklch
oklch(96.1% 0.055 92.5)

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

#F3E3AF

Goose Yellow · Wheat · Lemon Cream

HEX
#F3E3AF
RGB
rgb(243, 227, 175)
HSL
hsl(46, 74%, 82%)
HSB
hsb(46, 28%, 95%)
CMYK
cmyk(0%, 7%, 28%, 5%)
Oklch
oklch(91.6% 0.069 93.0)

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

#B29269

Ginger · DarkSalmon · Warm Sun

HEX
#B29269
RGB
rgb(178, 146, 105)
HSL
hsl(34, 32%, 55%)
HSB
hsb(34, 41%, 70%)
CMYK
cmyk(0%, 18%, 41%, 30%)
Oklch
oklch(67.9% 0.068 73.2)

Traditional「Ginger」· Paint「Warm Sun」· Creative Blush Sunrise

#2D3F43

Slate Blue · DarkSlateGray · Peacock Green

HEX
#2D3F43
RGB
rgb(45, 63, 67)
HSL
hsl(191, 20%, 22%)
HSB
hsb(191, 33%, 26%)
CMYK
cmyk(33%, 6%, 0%, 74%)
Oklch
oklch(35.4% 0.024 212.9)

Traditional「Slate Blue」· Paint「Peacock Green」· Creative Blush Sunrise

#000730

Indigo · Black · Deep Sea Blue

HEX
#000730
RGB
rgb(0, 7, 48)
HSL
hsl(231, 100%, 9%)
HSB
hsb(231, 100%, 19%)
CMYK
cmyk(100%, 85%, 0%, 81%)
Oklch
oklch(16.0% 0.083 263.3)

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

Color Harmonies Color Harmonies

Based on color wheel theory, calculated from primary color

Complementary

FFF2C9
C7D4FF

Analogous

FFD6C7
FFF2C9
F0FFC7

Triadic

FFF2C9
C7FFF2
F2C7FF

Split-Comp.

FFF2C9
C7F0FF
D6C7FF

Tetradic

FFF2C9
C7FFD6
C7D4FF
FFC7F0

Contrast Matrix WCAG 2.1 Contrast

FFF2C9
F3E3AF
B29269
2D3F43
000730
—
1.1
Fail
2.6
Fail
9.9
AAA
17.5
AAA
1.1
Fail
—
2.3
Fail
8.6
AAA
15.3
AAA
2.6
Fail
2.3
Fail
—
3.8
AA Large
6.7
AA
9.9
AAA
8.6
AAA
3.8
AA Large
—
1.8
Fail
17.5
AAA
15.3
AAA
6.7
AA
1.8
Fail
—
White BG
1.1Fail
1.3Fail
2.9Fail
11.0AAA
19.6AAA
Black BG
18.8AAA
16.4AAA
7.2AAA
1.9Fail
1.1Fail

Color Blindness Simulation Color Blindness Simulation

Protanopia

F9F9D3
ECECBC
A4A473
353542
030326

Deuteranopia

FAFBD5
EDEEBF
A6A875
343242
030224

Tritanopia

FEDBDC
F2C6C8
B07B7C
2E4141
001E1D

Achromatopsia

F1F1F1
E2E2E2
979797
3A3A3A
0A0A0A

Shades & Tints Shades & Tints

#FFF2C9

Dark
Light

#F3E3AF

Dark
Light

#B29269

Dark
Light

Code Snippets Code Snippets

CSS Custom Properties

:root {
  --color-1: #fff2c9;
  --color-2: #f3e3af;
  --color-3: #b29269;
  --color-4: #2d3f43;
  --color-5: #000730;
}

SCSS

$color-1: #fff2c9;
$color-2: #f3e3af;
$color-3: #b29269;
$color-4: #2d3f43;
$color-5: #000730;

TAILWIND

colors: {
  'brand-1': '#fff2c9',
  'brand-2': '#f3e3af',
  'brand-3': '#b29269',
  'brand-4': '#2d3f43',
  'brand-5': '#000730',
}

RGB Array

[255, 242, 201], [243, 227, 175], [178, 146, 105], [45, 63, 67], [0, 7, 48]

FAQ FAQ

What scenarios is this 5-color palette suitable for?

This general-style palette of #FFF2C9, #F3E3AF, #B29269, #2D3F43, #000730 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: #fff2c9; --color-2: #f3e3af; --color-3: #b29269; --color-4: #2d3f43; --color-5: #000730. 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