← Back to Editor

#FEEF6D · #FF945F · #6A0318 · #579C94 · #F3ECC5

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

#FEEF6D

Fresh Green · Khaki · Sunflower

HEX
#FEEF6D
RGB
rgb(254, 239, 109)
HSL
hsl(54, 99%, 71%)
HSB
hsb(54, 57%, 100%)
CMYK
cmyk(0%, 6%, 57%, 0%)
Oklch
oklch(94.0% 0.150 102.8)

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

#FF945F

Apricot · SandyBrown · Warm Sun

HEX
#FF945F
RGB
rgb(255, 148, 95)
HSL
hsl(20, 100%, 69%)
HSB
hsb(20, 63%, 100%)
CMYK
cmyk(0%, 42%, 63%, 0%)
Oklch
oklch(77.0% 0.146 46.1)

Traditional「Apricot」· Paint「Warm Sun」· Creative Honey Glow

#6A0318

Vermilion · Maroon · Wine Red

HEX
#6A0318
RGB
rgb(106, 3, 24)
HSL
hsl(348, 94%, 21%)
HSB
hsb(348, 97%, 42%)
CMYK
cmyk(0%, 97%, 77%, 58%)
Oklch
oklch(33.4% 0.131 19.7)

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

#579C94

Mineral Blue · CadetBlue · Mint Ice

HEX
#579C94
RGB
rgb(87, 156, 148)
HSL
hsl(173, 28%, 48%)
HSB
hsb(173, 44%, 61%)
CMYK
cmyk(44%, 0%, 5%, 39%)
Oklch
oklch(64.5% 0.071 186.0)

Traditional「Mineral Blue」· Paint「Mint Ice」· Creative Blush Sunrise

#F3ECC5

Fresh Green · Bisque · Lemon Cream

HEX
#F3ECC5
RGB
rgb(243, 236, 197)
HSL
hsl(51, 66%, 86%)
HSB
hsb(51, 19%, 95%)
CMYK
cmyk(0%, 3%, 19%, 5%)
Oklch
oklch(93.9% 0.051 98.9)

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

Color Harmonies Color Harmonies

Based on color wheel theory, calculated from primary color

Complementary

FEEF6D
6C7AFE

Analogous

FEA66C
FEEF6D
C4FE6C

Triadic

FEEF6D
6CFEF0
F06CFE

Split-Comp.

FEEF6D
6CC4FE
A66CFE

Tetradic

FEEF6D
6CFEA6
6C7AFE
FE6CC4

Contrast Matrix WCAG 2.1 Contrast

FEEF6D
FF945F
6A0318
579C94
F3ECC5
—
1.8
Fail
10.8
AAA
2.7
Fail
1.0
Fail
1.8
Fail
—
5.9
AA
1.5
Fail
1.8
Fail
10.8
AAA
5.9
AA
—
4.0
AA Large
10.7
AAA
2.7
Fail
1.5
Fail
4.0
AA Large
—
2.7
Fail
1.0
Fail
1.8
Fail
10.7
AAA
2.7
Fail
—
White BG
1.2Fail
2.2Fail
12.8AAA
3.2AA Large
1.2Fail
Black BG
17.8AAA
9.7AAA
1.6Fail
6.6AA
17.6AAA

Color Blindness Simulation Color Blindness Simulation

Protanopia

F8F78C
D1D06C
3D3C13
757596
F0F0CE

Deuteranopia

F8FA94
D7DF6F
434B12
716C96
F0F1D1

Tritanopia

FDA5AB
FA7678
650F0E
5A9798
F3D6D8

Achromatopsia

E5E5E5
AEAEAE
242424
868686
EAEAEA

Shades & Tints Shades & Tints

#FEEF6D

Dark
Light

#FF945F

Dark
Light

#6A0318

Dark
Light

Code Snippets Code Snippets

CSS Custom Properties

:root {
  --color-1: #feef6d;
  --color-2: #ff945f;
  --color-3: #6a0318;
  --color-4: #579c94;
  --color-5: #f3ecc5;
}

SCSS

$color-1: #feef6d;
$color-2: #ff945f;
$color-3: #6a0318;
$color-4: #579c94;
$color-5: #f3ecc5;

TAILWIND

colors: {
  'brand-1': '#feef6d',
  'brand-2': '#ff945f',
  'brand-3': '#6a0318',
  'brand-4': '#579c94',
  'brand-5': '#f3ecc5',
}

RGB Array

[254, 239, 109], [255, 148, 95], [106, 3, 24], [87, 156, 148], [243, 236, 197]

FAQ FAQ

What scenarios is this 5-color palette suitable for?

This general-style palette of #FEEF6D, #FF945F, #6A0318, #579C94, #F3ECC5 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: #feef6d; --color-2: #ff945f; --color-3: #6a0318; --color-4: #579c94; --color-5: #f3ecc5. 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