← Back to Editor

#FFFFD4 · #C4E789 · #119B82 · #5F4270 · #851069

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

#FFFFD4

Fresh Green · LightYellow · Lemon Cream

HEX
#FFFFD4
RGB
rgb(255, 255, 212)
HSL
hsl(60, 100%, 92%)
HSB
hsb(60, 17%, 100%)
CMYK
cmyk(0%, 0%, 17%, 0%)
Oklch
oklch(98.9% 0.055 107.4)

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

#C4E789

Willow Green · Khaki · Apple Green

HEX
#C4E789
RGB
rgb(196, 231, 137)
HSL
hsl(82, 66%, 72%)
HSB
hsb(82, 41%, 91%)
CMYK
cmyk(15%, 0%, 41%, 9%)
Oklch
oklch(88.2% 0.126 125.6)

Traditional「Willow Green」· Paint「Apple Green」· Creative Mint Breeze

#119B82

Mineral Blue · Teal · Mint Ice

HEX
#119B82
RGB
rgb(17, 155, 130)
HSL
hsl(169, 80%, 34%)
HSB
hsb(169, 89%, 61%)
CMYK
cmyk(89%, 0%, 16%, 39%)
Oklch
oklch(61.7% 0.113 175.5)

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

#5F4270

Dark Plum · DarkSlateBlue · Eggplant

HEX
#5F4270
RGB
rgb(95, 66, 112)
HSL
hsl(278, 26%, 35%)
HSB
hsb(278, 41%, 44%)
CMYK
cmyk(15%, 41%, 0%, 56%)
Oklch
oklch(43.1% 0.081 312.3)

Traditional「Dark Plum」· Paint「Eggplant」· Creative Blush Sunrise

#851069

Rose Purple · Purple · Eggplant

HEX
#851069
RGB
rgb(133, 16, 105)
HSL
hsl(314, 79%, 29%)
HSB
hsb(314, 88%, 52%)
CMYK
cmyk(0%, 88%, 21%, 48%)
Oklch
oklch(42.2% 0.171 340.8)

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

Color Harmonies Color Harmonies

Based on color wheel theory, calculated from primary color

Complementary

FFFFD4
D6D6FF

Analogous

FFEBD6
FFFFD4
EBFFD6

Triadic

FFFFD4
D6FFFF
FFD6FF

Split-Comp.

FFFFD4
D6EBFF
EBD6FF

Tetradic

FFFFD4
D6FFEB
D6D6FF
FFD6EB

Contrast Matrix WCAG 2.1 Contrast

FFFFD4
C4E789
119B82
5F4270
851069
—
1.4
Fail
3.4
AA Large
8.2
AAA
9.0
AAA
1.4
Fail
—
2.5
Fail
6.1
AA
6.7
AA
3.4
AA Large
2.5
Fail
—
2.4
Fail
2.7
Fail
8.2
AAA
6.1
AA
2.4
Fail
—
1.1
Fail
9.0
AAA
6.7
AA
2.7
Fail
1.1
Fail
—
White BG
1.0Fail
1.4Fail
3.5AA Large
8.4AAA
9.2AAA
Black BG
20.5AAA
15.1AAA
6.0AA
2.5Fail
2.3Fail

Color Blindness Simulation Color Blindness Simulation

Protanopia

FFFFDE
D3D3A0
4D4E88
525265
525153

Deuteranopia

FFFFE1
D1CFA5
453A8A
545662
59624E

Tritanopia

FFE7E8
C6B2B6
188D8E
5E5C5A
7F423F

Achromatopsia

FAFAFA
D2D2D2
6F6F6F
505050
3D3D3D

Shades & Tints Shades & Tints

#FFFFD4

Dark
Light

#C4E789

Dark
Light

#119B82

Dark
Light

Code Snippets Code Snippets

CSS Custom Properties

:root {
  --color-1: #ffffd4;
  --color-2: #c4e789;
  --color-3: #119b82;
  --color-4: #5f4270;
  --color-5: #851069;
}

SCSS

$color-1: #ffffd4;
$color-2: #c4e789;
$color-3: #119b82;
$color-4: #5f4270;
$color-5: #851069;

TAILWIND

colors: {
  'brand-1': '#ffffd4',
  'brand-2': '#c4e789',
  'brand-3': '#119b82',
  'brand-4': '#5f4270',
  'brand-5': '#851069',
}

RGB Array

[255, 255, 212], [196, 231, 137], [17, 155, 130], [95, 66, 112], [133, 16, 105]

FAQ FAQ

What scenarios is this 5-color palette suitable for?

This general-style palette of #FFFFD4, #C4E789, #119B82, #5F4270, #851069 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: #ffffd4; --color-2: #c4e789; --color-3: #119b82; --color-4: #5f4270; --color-5: #851069. 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