← Back to Editor

#F5F6D0 · #29150D · #C9C929 · #E5D522 · #F6C01D

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

#F5F6D0

Fresh Green · Beige · Lemon Cream

HEX
#F5F6D0
RGB
rgb(245, 246, 208)
HSL
hsl(62, 68%, 89%)
HSB
hsb(62, 15%, 96%)
CMYK
cmyk(0%, 0%, 15%, 4%)
Oklch
oklch(96.3% 0.049 108.5)

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

#29150D

Tangerine · Black · Cinnamon

HEX
#29150D
RGB
rgb(41, 21, 13)
HSL
hsl(17, 52%, 11%)
HSB
hsb(17, 68%, 16%)
CMYK
cmyk(0%, 49%, 68%, 84%)
Oklch
oklch(22.1% 0.036 42.4)

Traditional「Tangerine」· Paint「Cinnamon」· Creative Blush Sunrise

#C9C929

Autumn Sage · GoldenRod · Honey Gold

HEX
#C9C929
RGB
rgb(201, 201, 41)
HSL
hsl(60, 66%, 47%)
HSB
hsb(60, 80%, 79%)
CMYK
cmyk(0%, 0%, 80%, 21%)
Oklch
oklch(81.0% 0.166 109.6)

Traditional「Autumn Sage」· Paint「Honey Gold」· Creative Blush Sunrise

#E5D522

Autumn Sage · Gold · Sunflower

HEX
#E5D522
RGB
rgb(229, 213, 34)
HSL
hsl(55, 79%, 52%)
HSB
hsb(55, 85%, 90%)
CMYK
cmyk(0%, 7%, 85%, 10%)
Oklch
oklch(85.9% 0.175 103.8)

Traditional「Autumn Sage」· Paint「Sunflower」· Creative Blush Sunrise

#F6C01D

Ginger · Gold · Sunflower

HEX
#F6C01D
RGB
rgb(246, 192, 29)
HSL
hsl(45, 92%, 54%)
HSB
hsb(45, 88%, 96%)
CMYK
cmyk(0%, 22%, 88%, 4%)
Oklch
oklch(83.3% 0.165 87.3)

Traditional「Ginger」· Paint「Sunflower」· Creative Blush Sunrise

Color Harmonies Color Harmonies

Based on color wheel theory, calculated from primary color

Complementary

F5F6D0
D1D0F6

Analogous

F6E4D0
F5F6D0
E2F6D0

Triadic

F5F6D0
D0F5F6
F6D0F5

Split-Comp.

F5F6D0
D0E2F6
E4D0F6

Tetradic

F5F6D0
D0F6E4
D1D0F6
F6D0E2

Contrast Matrix WCAG 2.1 Contrast

F5F6D0
29150D
C9C929
E5D522
F6C01D
—
15.7
AAA
1.6
Fail
1.4
Fail
1.5
Fail
15.7
AAA
—
9.8
AAA
11.5
AAA
10.3
AAA
1.6
Fail
9.8
AAA
—
1.2
Fail
1.1
Fail
1.4
Fail
11.5
AAA
1.2
Fail
—
1.1
Fail
1.5
Fail
10.3
AAA
1.1
Fail
1.1
Fail
—
White BG
1.1Fail
17.4AAA
1.8Fail
1.5Fail
1.7Fail
Black BG
19.0AAA
1.2Fail
11.9AAA
13.9AAA
12.5AAA

Color Blindness Simulation Color Blindness Simulation

Protanopia

F5F5D9
20200F
C9C950
DEDE4D
DFDE44

Deuteranopia

F5F5DB
22230F
C9C959
DFE058
E2E64E

Tritanopia

F5E0E2
281011
C96E75
E47077
F3646A

Achromatopsia

F1F1F1
1A1A1A
B7B7B7
C5C5C5
BEBEBE

Shades & Tints Shades & Tints

#F5F6D0

Dark
Light

#29150D

Dark
Light

#C9C929

Dark
Light

Code Snippets Code Snippets

CSS Custom Properties

:root {
  --color-1: #f5f6d0;
  --color-2: #29150d;
  --color-3: #c9c929;
  --color-4: #e5d522;
  --color-5: #f6c01d;
}

SCSS

$color-1: #f5f6d0;
$color-2: #29150d;
$color-3: #c9c929;
$color-4: #e5d522;
$color-5: #f6c01d;

TAILWIND

colors: {
  'brand-1': '#f5f6d0',
  'brand-2': '#29150d',
  'brand-3': '#c9c929',
  'brand-4': '#e5d522',
  'brand-5': '#f6c01d',
}

RGB Array

[245, 246, 208], [41, 21, 13], [201, 201, 41], [229, 213, 34], [246, 192, 29]

FAQ FAQ

What scenarios is this 5-color palette suitable for?

This general-style palette of #F5F6D0, #29150D, #C9C929, #E5D522, #F6C01D 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: #f5f6d0; --color-2: #29150d; --color-3: #c9c929; --color-4: #e5d522; --color-5: #f6c01d. 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