← Back to Editor

#F2ECBB · #C9B94F · #E67575 · #C43178 · #3AC2B0

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 App

Color Details Color Details

#F2ECBB

Fresh Green · Wheat · Lemon Cream

HEX
#F2ECBB
RGB
rgb(242, 236, 187)
HSL
hsl(53, 68%, 84%)
HSB
hsb(53, 23%, 95%)
CMYK
cmyk(0%, 2%, 23%, 5%)
Oklch
oklch(93.6% 0.064 101.7)

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

#C9B94F

Autumn Sage · SandyBrown · Sunflower

HEX
#C9B94F
RGB
rgb(201, 185, 79)
HSL
hsl(52, 53%, 55%)
HSB
hsb(52, 61%, 79%)
CMYK
cmyk(0%, 8%, 61%, 21%)
Oklch
oklch(77.9% 0.127 100.8)

Traditional「Autumn Sage」· Paint「Sunflower」· Creative Blush Sunrise

#E67575

Peach Pink · LightCoral · Coral Red

HEX
#E67575
RGB
rgb(230, 117, 117)
HSL
hsl(0, 69%, 68%)
HSB
hsb(0, 49%, 90%)
CMYK
cmyk(0%, 49%, 49%, 10%)
Oklch
oklch(69.2% 0.140 21.4)

Traditional「Peach Pink」· Paint「Coral Red」· Creative Blush Sunrise

#C43178

Dark Violet · MediumVioletRed · Camellia

HEX
#C43178
RGB
rgb(196, 49, 120)
HSL
hsl(331, 60%, 48%)
HSB
hsb(331, 75%, 77%)
CMYK
cmyk(0%, 75%, 39%, 23%)
Oklch
oklch(56.0% 0.192 356.0)

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

#3AC2B0

Mineral Blue · LightSeaGreen · Mint Ice

HEX
#3AC2B0
RGB
rgb(58, 194, 176)
HSL
hsl(172, 54%, 49%)
HSB
hsb(172, 70%, 76%)
CMYK
cmyk(70%, 0%, 9%, 24%)
Oklch
oklch(73.8% 0.117 182.3)

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

Color Harmonies Color Harmonies

Based on color wheel theory, calculated from primary color

Complementary

F2ECBB
BAC1F2

Analogous

F2D0BA
F2ECBB
DDF2BA

Triadic

F2ECBB
BAF2EB
EBBAF2

Split-Comp.

F2ECBB
BADDF2
D0BAF2

Tetradic

F2ECBB
BAF2D0
BAC1F2
F2BADD

Contrast Matrix WCAG 2.1 Contrast

F2ECBB
C9B94F
E67575
C43178
3AC2B0
—
1.7
Fail
2.4
Fail
4.3
AA Large
1.8
Fail
1.7
Fail
—
1.5
Fail
2.6
Fail
1.1
Fail
2.4
Fail
1.5
Fail
—
1.8
Fail
1.3
Fail
4.3
AA Large
2.6
Fail
1.8
Fail
—
2.3
Fail
1.8
Fail
1.1
Fail
1.3
Fail
2.3
Fail
—
White BG
1.2Fail
2.0Fail
2.9Fail
5.2AA
2.2Fail
Black BG
17.5AAA
10.5AAA
7.2AAA
4.1AA Large
9.5AAA

Color Blindness Simulation Color Blindness Simulation

Protanopia

EFEFC7
C2C269
B5B475
848367
7576B4

Deuteranopia

F0F0CA
C3C46F
BCC475
8D9863
6D63B5

Tritanopia

F2D0D2
C87D81
E07575
BD5956
41B8B9

Achromatopsia

E8E8E8
B2B2B2
979797
656565
979797

Shades & Tints Shades & Tints

#F2ECBB

Dark
Light

#C9B94F

Dark
Light

#E67575

Dark
Light

Code Snippets Code Snippets

CSS Custom Properties

:root {
  --color-1: #f2ecbb;
  --color-2: #c9b94f;
  --color-3: #e67575;
  --color-4: #c43178;
  --color-5: #3ac2b0;
}

SCSS

$color-1: #f2ecbb;
$color-2: #c9b94f;
$color-3: #e67575;
$color-4: #c43178;
$color-5: #3ac2b0;

TAILWIND

colors: {
  'brand-1': '#f2ecbb',
  'brand-2': '#c9b94f',
  'brand-3': '#e67575',
  'brand-4': '#c43178',
  'brand-5': '#3ac2b0',
}

RGB Array

[242, 236, 187], [201, 185, 79], [230, 117, 117], [196, 49, 120], [58, 194, 176]

FAQ FAQ

What scenarios is this 5-color palette suitable for?

This general-style palette of #F2ECBB, #C9B94F, #E67575, #C43178, #3AC2B0 is ideal for: social media posters, mobile apps, e-commerce promos. Vivid colors effectively attract user attention. 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: #f2ecbb; --color-2: #c9b94f; --color-3: #e67575; --color-4: #c43178; --color-5: #3ac2b0. 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. 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