← Back to Editor

#F2E4D3 · #F07426 · #050201 · #E6EB63 · #6B584C

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

#F2E4D3

Goose Yellow · Beige · Peach Orange

HEX
#F2E4D3
RGB
rgb(242, 228, 211)
HSL
hsl(33, 54%, 89%)
HSB
hsb(33, 13%, 95%)
CMYK
cmyk(0%, 6%, 13%, 5%)
Oklch
oklch(92.5% 0.027 72.8)

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

#F07426

Tangerine · Chocolate · Warm Sun

HEX
#F07426
RGB
rgb(240, 116, 38)
HSL
hsl(23, 87%, 55%)
HSB
hsb(23, 84%, 94%)
CMYK
cmyk(0%, 52%, 84%, 6%)
Oklch
oklch(69.4% 0.174 47.7)

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

#050201

Tangerine · Black · Cinnamon

HEX
#050201
RGB
rgb(5, 2, 1)
HSL
hsl(15, 67%, 1%)
HSB
hsb(15, 80%, 2%)
CMYK
cmyk(0%, 60%, 80%, 98%)
Oklch
oklch(9.3% 0.014 48.9)

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

#E6EB63

Fresh Green · Khaki · Sunflower

HEX
#E6EB63
RGB
rgb(230, 235, 99)
HSL
hsl(62, 77%, 65%)
HSB
hsb(62, 58%, 92%)
CMYK
cmyk(2%, 0%, 58%, 8%)
Oklch
oklch(91.1% 0.157 111.1)

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

#6B584C

Tangerine · DimGray · Amber Brown

HEX
#6B584C
RGB
rgb(107, 88, 76)
HSL
hsl(23, 17%, 36%)
HSB
hsb(23, 29%, 42%)
CMYK
cmyk(0%, 18%, 29%, 58%)
Oklch
oklch(47.6% 0.031 54.0)

Traditional「Tangerine」· Paint「Amber Brown」· Creative Blush Sunrise

Color Harmonies Color Harmonies

Based on color wheel theory, calculated from primary color

Complementary

F2E4D3
D4E1F2

Analogous

F2D5D4
F2E4D3
F1F2D4

Triadic

F2E4D3
D4F2E4
E4D4F2

Split-Comp.

F2E4D3
D4F1F2
D5D4F2

Tetradic

F2E4D3
D4F2D5
D4E1F2
F2D4F1

Contrast Matrix WCAG 2.1 Contrast

F2E4D3
F07426
050201
E6EB63
6B584C
—
2.3
Fail
16.6
AAA
1.0
Fail
5.4
AA
2.3
Fail
—
7.1
AAA
2.3
Fail
2.3
Fail
16.6
AAA
7.1
AAA
—
16.2
AAA
3.1
AA Large
1.0
Fail
2.3
Fail
16.2
AAA
—
5.3
AA
5.4
AA
2.3
Fail
3.1
AA Large
5.3
AA
—
White BG
1.2Fail
2.9Fail
20.7AAA
1.3Fail
6.7AA
Black BG
16.8AAA
7.2AAA
1.0Fail
16.4AAA
3.1AA Large

Color Blindness Simulation Color Blindness Simulation

Protanopia

ECECD7
BAB939
040401
E8E884
63634F

Deuteranopia

EDEED8
C2CB3D
040401
E8E88C
646550

Tritanopia

F1DADB
EA484B
050101
E69EA4
6A5152

Achromatopsia

E6E6E6
909090
030303
DADADA
5C5C5C

Shades & Tints Shades & Tints

#F2E4D3

Dark
Light

#F07426

Dark
Light

#050201

Dark
Light

Code Snippets Code Snippets

CSS Custom Properties

:root {
  --color-1: #f2e4d3;
  --color-2: #f07426;
  --color-3: #050201;
  --color-4: #e6eb63;
  --color-5: #6b584c;
}

SCSS

$color-1: #f2e4d3;
$color-2: #f07426;
$color-3: #050201;
$color-4: #e6eb63;
$color-5: #6b584c;

TAILWIND

colors: {
  'brand-1': '#f2e4d3',
  'brand-2': '#f07426',
  'brand-3': '#050201',
  'brand-4': '#e6eb63',
  'brand-5': '#6b584c',
}

RGB Array

[242, 228, 211], [240, 116, 38], [5, 2, 1], [230, 235, 99], [107, 88, 76]

FAQ FAQ

What scenarios is this 5-color palette suitable for?

This general-style palette of #F2E4D3, #F07426, #050201, #E6EB63, #6B584C 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: #f2e4d3; --color-2: #f07426; --color-3: #050201; --color-4: #e6eb63; --color-5: #6b584c. 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