← Back to Editor

#FFEFD8 · #FF6A07 · #FFFFFF · #3D2311 · #79BE00

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

#FFEFD8

Goose Yellow · Beige · Peach Orange

HEX
#FFEFD8
RGB
rgb(255, 239, 216)
HSL
hsl(35, 100%, 92%)
HSB
hsb(35, 15%, 100%)
CMYK
cmyk(0%, 6%, 15%, 0%)
Oklch
oklch(95.9% 0.035 77.1)

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

#FF6A07

Tangerine · OrangeRed · Warm Sun

HEX
#FF6A07
RGB
rgb(255, 106, 7)
HSL
hsl(24, 100%, 51%)
HSB
hsb(24, 97%, 100%)
CMYK
cmyk(0%, 58%, 97%, 0%)
Oklch
oklch(70.1% 0.201 44.4)

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

#FFFFFF

Moonlight White · White · Cloud White

HEX
#FFFFFF
RGB
rgb(255, 255, 255)
HSL
hsl(0, 0%, 100%)
HSB
hsb(0, 0%, 100%)
CMYK
cmyk(0%, 0%, 0%, 0%)
Oklch
oklch(100.0% 0.000 89.9)

Traditional「Moonlight White」· Paint「Cloud White」· Creative Morning Mist

#3D2311

Tangerine · Black · Cinnamon

HEX
#3D2311
RGB
rgb(61, 35, 17)
HSL
hsl(25, 56%, 15%)
HSB
hsb(25, 72%, 24%)
CMYK
cmyk(0%, 43%, 72%, 76%)
Oklch
oklch(28.6% 0.049 54.1)

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

#79BE00

Grass Green · Olive · Forest Green

HEX
#79BE00
RGB
rgb(121, 190, 0)
HSL
hsl(82, 100%, 37%)
HSB
hsb(82, 100%, 75%)
CMYK
cmyk(36%, 0%, 100%, 25%)
Oklch
oklch(72.7% 0.198 130.9)

Traditional「Grass Green」· Paint「Forest Green」· Creative Blush Sunrise

Color Harmonies Color Harmonies

Based on color wheel theory, calculated from primary color

Complementary

FFEFD8
D6E7FF

Analogous

FFDAD6
FFEFD8
FCFFD6

Triadic

FFEFD8
D6FFEE
EED6FF

Split-Comp.

FFEFD8
D6FCFF
DAD6FF

Tetradic

FFEFD8
D6FFDA
D6E7FF
FFD6FC

Contrast Matrix WCAG 2.1 Contrast

FFEFD8
FF6A07
FFFFFF
3D2311
79BE00
—
2.5
Fail
1.1
Fail
12.8
AAA
2.0
Fail
2.5
Fail
—
2.9
Fail
5.1
AA
1.3
Fail
1.1
Fail
2.9
Fail
—
14.5
AAA
2.3
Fail
12.8
AAA
5.1
AA
14.5
AAA
—
6.3
AA
2.0
Fail
1.3
Fail
2.3
Fail
6.3
AA
—
White BG
1.1Fail
2.9Fail
1.0Fail
14.5AAA
2.3Fail
Black BG
18.6AAA
7.3AAA
21.0AAA
1.4Fail
9.2AAA

Color Blindness Simulation Color Blindness Simulation

Protanopia

F8F8DE
BEBD1F
FFFFFF
323215
97972E

Deuteranopia

F9FADF
C7D225
FFFFFF
333516
938E39

Tritanopia

FEE2E3
F83236
FFFFFF
3C191A
7C525A

Achromatopsia

F1F1F1
8B8B8B
FFFFFF
292929
949494

Shades & Tints Shades & Tints

#FFEFD8

Dark
Light

#FF6A07

Dark
Light

#FFFFFF

Dark
Light

Code Snippets Code Snippets

CSS Custom Properties

:root {
  --color-1: #ffefd8;
  --color-2: #ff6a07;
  --color-3: #ffffff;
  --color-4: #3d2311;
  --color-5: #79be00;
}

SCSS

$color-1: #ffefd8;
$color-2: #ff6a07;
$color-3: #ffffff;
$color-4: #3d2311;
$color-5: #79be00;

TAILWIND

colors: {
  'brand-1': '#ffefd8',
  'brand-2': '#ff6a07',
  'brand-3': '#ffffff',
  'brand-4': '#3d2311',
  'brand-5': '#79be00',
}

RGB Array

[255, 239, 216], [255, 106, 7], [255, 255, 255], [61, 35, 17], [121, 190, 0]

FAQ FAQ

What scenarios is this 5-color palette suitable for?

This general-style palette of #FFEFD8, #FF6A07, #FFFFFF, #3D2311, #79BE00 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: #ffefd8; --color-2: #ff6a07; --color-3: #ffffff; --color-4: #3d2311; --color-5: #79be00. 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