← Back to Editor

#FFFEDC · #F3CC56 · #A8D0BD · #D82C04 · #260D08

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

#FFFEDC

Fresh Green · LightYellow · Lemon Cream

HEX
#FFFEDC
RGB
rgb(255, 254, 220)
HSL
hsl(58, 100%, 93%)
HSB
hsb(58, 14%, 100%)
CMYK
cmyk(0%, 0%, 14%, 0%)
Oklch
oklch(98.9% 0.044 105.8)

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

#F3CC56

Ginger · SandyBrown · Sunflower

HEX
#F3CC56
RGB
rgb(243, 204, 86)
HSL
hsl(45, 87%, 65%)
HSB
hsb(45, 65%, 95%)
CMYK
cmyk(0%, 16%, 65%, 5%)
Oklch
oklch(85.7% 0.141 90.7)

Traditional「Ginger」· Paint「Sunflower」· Creative Lemon Fizz

#A8D0BD

Jade · Silver · Apple Green

HEX
#A8D0BD
RGB
rgb(168, 208, 189)
HSL
hsl(152, 30%, 74%)
HSB
hsb(152, 19%, 82%)
CMYK
cmyk(19%, 0%, 9%, 18%)
Oklch
oklch(82.3% 0.050 164.7)

Traditional「Jade」· Paint「Apple Green」· Creative Arctic Pool

#D82C04

Vermilion · OrangeRed · Passion Red

HEX
#D82C04
RGB
rgb(216, 44, 4)
HSL
hsl(11, 96%, 43%)
HSB
hsb(11, 98%, 85%)
CMYK
cmyk(0%, 80%, 98%, 15%)
Oklch
oklch(57.2% 0.211 32.7)

Traditional「Vermilion」· Paint「Passion Red」· Creative Blush Sunrise

#260D08

Vermilion · Black · Deep Berry

HEX
#260D08
RGB
rgb(38, 13, 8)
HSL
hsl(10, 65%, 9%)
HSB
hsb(10, 79%, 15%)
CMYK
cmyk(0%, 66%, 79%, 85%)
Oklch
oklch(19.8% 0.044 33.0)

Traditional「Vermilion」· Paint「Deep Berry」· Creative Blush Sunrise

Color Harmonies Color Harmonies

Based on color wheel theory, calculated from primary color

Complementary

FFFEDC
DBDCFF

Analogous

FFECDB
FFFEDC
EEFFDB

Triadic

FFFEDC
DBFFFE
FEDBFF

Split-Comp.

FFFEDC
DBEEFF
ECDBFF

Tetradic

FFFEDC
DBFFEC
DBDCFF
FFDBEE

Contrast Matrix WCAG 2.1 Contrast

FFFEDC
F3CC56
A8D0BD
D82C04
260D08
—
1.5
Fail
1.6
Fail
4.8
AA
17.9
AAA
1.5
Fail
—
1.1
Fail
3.2
AA Large
11.9
AAA
1.6
Fail
1.1
Fail
—
2.9
Fail
10.9
AAA
4.8
AA
3.2
AA Large
2.9
Fail
—
3.7
AA Large
17.9
AAA
11.9
AAA
10.9
AAA
3.7
AA Large
—
White BG
1.0Fail
1.5Fail
1.7Fail
4.9AA
18.4AAA
Black BG
20.5AAA
13.6AAA
12.4AAA
4.3AA Large
1.1Fail

Color Blindness Simulation Color Blindness Simulation

Protanopia

FFFFE4
E2E273
B9BAC2
8E8C0E
1B1B09

Deuteranopia

FFFFE6
E4E779
B7B4C3
98A410
1D1E0A

Tritanopia

FFEBEC
F1898E
AAC5C6
CF1517
250A0A

Achromatopsia

FAFAFA
CACACA
C2C2C2
5B5B5B
141414

Shades & Tints Shades & Tints

#FFFEDC

Dark
Light

#F3CC56

Dark
Light

#A8D0BD

Dark
Light

Code Snippets Code Snippets

CSS Custom Properties

:root {
  --color-1: #fffedc;
  --color-2: #f3cc56;
  --color-3: #a8d0bd;
  --color-4: #d82c04;
  --color-5: #260d08;
}

SCSS

$color-1: #fffedc;
$color-2: #f3cc56;
$color-3: #a8d0bd;
$color-4: #d82c04;
$color-5: #260d08;

TAILWIND

colors: {
  'brand-1': '#fffedc',
  'brand-2': '#f3cc56',
  'brand-3': '#a8d0bd',
  'brand-4': '#d82c04',
  'brand-5': '#260d08',
}

RGB Array

[255, 254, 220], [243, 204, 86], [168, 208, 189], [216, 44, 4], [38, 13, 8]

FAQ FAQ

What scenarios is this 5-color palette suitable for?

This general-style palette of #FFFEDC, #F3CC56, #A8D0BD, #D82C04, #260D08 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: #fffedc; --color-2: #f3cc56; --color-3: #a8d0bd; --color-4: #d82c04; --color-5: #260d08. 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