← Back to Editor

#FEFFA8 · #CA977E · #AB3C5F · #631C49 · #29003D

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

#FEFFA8

Fresh Green · Wheat · Lemon Cream

HEX
#FEFFA8
RGB
rgb(254, 255, 168)
HSL
hsl(61, 100%, 83%)
HSB
hsb(61, 34%, 100%)
CMYK
cmyk(0%, 0%, 34%, 0%)
Oklch
oklch(98.0% 0.108 108.8)

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

#CA977E

Apricot · DarkSalmon · Warm Sun

HEX
#CA977E
RGB
rgb(202, 151, 126)
HSL
hsl(20, 42%, 64%)
HSB
hsb(20, 38%, 79%)
CMYK
cmyk(0%, 25%, 38%, 21%)
Oklch
oklch(71.9% 0.071 47.2)

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

#AB3C5F

Dark Violet · Sienna · Camellia

HEX
#AB3C5F
RGB
rgb(171, 60, 95)
HSL
hsl(341, 48%, 45%)
HSB
hsb(341, 65%, 67%)
CMYK
cmyk(0%, 65%, 44%, 33%)
Oklch
oklch(52.2% 0.148 4.4)

Traditional「Dark Violet」· Paint「Camellia」· Creative Blush Sunrise

#631C49

Rose Purple · Purple · Raspberry

HEX
#631C49
RGB
rgb(99, 28, 73)
HSL
hsl(322, 56%, 25%)
HSB
hsb(322, 72%, 39%)
CMYK
cmyk(0%, 72%, 26%, 61%)
Oklch
oklch(35.6% 0.115 345.5)

Traditional「Rose Purple」· Paint「Raspberry」· Creative Blush Sunrise

#29003D

Royal Purple · MidnightBlue · Dark Purple

HEX
#29003D
RGB
rgb(41, 0, 61)
HSL
hsl(280, 100%, 12%)
HSB
hsb(280, 100%, 24%)
CMYK
cmyk(33%, 100%, 0%, 76%)
Oklch
oklch(21.6% 0.109 310.8)

Traditional「Royal Purple」· Paint「Dark Purple」· Creative Blush Sunrise

Color Harmonies Color Harmonies

Based on color wheel theory, calculated from primary color

Complementary

FEFFA8
AAA8FF

Analogous

FFD5A8
FEFFA8
D2FFA8

Triadic

FEFFA8
A8FEFF
FFA8FE

Split-Comp.

FEFFA8
A8D2FF
D5A8FF

Tetradic

FEFFA8
A8FFD5
AAA8FF
FFA8D2

Contrast Matrix WCAG 2.1 Contrast

FEFFA8
CA977E
AB3C5F
631C49
29003D
—
2.4
Fail
5.7
AA
11.2
AAA
17.3
AAA
2.4
Fail
—
2.3
Fail
4.6
AA
7.1
AAA
5.7
AA
2.3
Fail
—
2.0
Fail
3.1
AA Large
11.2
AAA
4.6
AA
2.0
Fail
—
1.5
Fail
17.3
AAA
7.1
AAA
3.1
AA Large
1.5
Fail
—
White BG
1.0Fail
2.5Fail
5.9AA
11.7AAA
18.1AAA
Black BG
20.1AAA
8.2AAA
3.5AA Large
1.8Fail
1.2Fail

Color Blindness Simulation Color Blindness Simulation

Protanopia

FEFEBD
B4B384
7B7A57
44443E
17172E

Deuteranopia

FEFEC2
B7BB86
818A55
484E3B
1A1D2B

Tritanopia

FECED1
C7898A
A5504E
5F3634
272320

Achromatopsia

F5F5F5
A3A3A3
616161
363636
131313

Shades & Tints Shades & Tints

#FEFFA8

Dark
Light

#CA977E

Dark
Light

#AB3C5F

Dark
Light

Code Snippets Code Snippets

CSS Custom Properties

:root {
  --color-1: #feffa8;
  --color-2: #ca977e;
  --color-3: #ab3c5f;
  --color-4: #631c49;
  --color-5: #29003d;
}

SCSS

$color-1: #feffa8;
$color-2: #ca977e;
$color-3: #ab3c5f;
$color-4: #631c49;
$color-5: #29003d;

TAILWIND

colors: {
  'brand-1': '#feffa8',
  'brand-2': '#ca977e',
  'brand-3': '#ab3c5f',
  'brand-4': '#631c49',
  'brand-5': '#29003d',
}

RGB Array

[254, 255, 168], [202, 151, 126], [171, 60, 95], [99, 28, 73], [41, 0, 61]

FAQ FAQ

What scenarios is this 5-color palette suitable for?

This general-style palette of #FEFFA8, #CA977E, #AB3C5F, #631C49, #29003D 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: #feffa8; --color-2: #ca977e; --color-3: #ab3c5f; --color-4: #631c49; --color-5: #29003d. 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