← Back to Editor

#F02954 · #ED7A68 · #D9C58D · #CAF2B1 · #6EEBC7

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

#F02954

Vermilion · Crimson · Passion Red

HEX
#F02954
RGB
rgb(240, 41, 84)
HSL
hsl(347, 87%, 55%)
HSB
hsb(347, 83%, 94%)
CMYK
cmyk(0%, 83%, 65%, 6%)
Oklch
oklch(62.1% 0.228 16.4)

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

#ED7A68

Peach Pink · Salmon · Coral Red

HEX
#ED7A68
RGB
rgb(237, 122, 104)
HSL
hsl(8, 79%, 67%)
HSB
hsb(8, 56%, 93%)
CMYK
cmyk(0%, 49%, 56%, 7%)
Oklch
oklch(70.7% 0.145 30.3)

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

#D9C58D

Ginger · BurlyWood · Sunflower

HEX
#D9C58D
RGB
rgb(217, 197, 141)
HSL
hsl(44, 50%, 70%)
HSB
hsb(44, 35%, 85%)
CMYK
cmyk(0%, 9%, 35%, 15%)
Oklch
oklch(82.7% 0.076 90.7)

Traditional「Ginger」· Paint「Sunflower」· Creative Lemon Fizz

#CAF2B1

Emerald · LightGray · Mint Green

HEX
#CAF2B1
RGB
rgb(202, 242, 177)
HSL
hsl(97, 71%, 82%)
HSB
hsb(97, 27%, 95%)
CMYK
cmyk(17%, 0%, 27%, 5%)
Oklch
oklch(91.7% 0.095 133.7)

Traditional「Emerald」· Paint「Mint Green」· Creative Mint Breeze

#6EEBC7

Jade · MediumAquaMarine · Lake Green

HEX
#6EEBC7
RGB
rgb(110, 235, 199)
HSL
hsl(163, 76%, 68%)
HSB
hsb(163, 53%, 92%)
CMYK
cmyk(53%, 0%, 15%, 8%)
Oklch
oklch(85.9% 0.124 171.8)

Traditional「Jade」· Paint「Lake Green」· Creative Arctic Pool

Color Harmonies Color Harmonies

Based on color wheel theory, calculated from primary color

Complementary

F02954
28F0C5

Analogous

F028B8
F02954
F06128

Triadic

F02954
54F028
2854F0

Split-Comp.

F02954
28F061
28B8F0

Tetradic

F02954
B8F028
28F0C5
6128F0

Contrast Matrix WCAG 2.1 Contrast

F02954
ED7A68
D9C58D
CAF2B1
6EEBC7
—
1.5
Fail
2.4
Fail
3.3
AA Large
2.8
Fail
1.5
Fail
—
1.6
Fail
2.2
Fail
1.9
Fail
2.4
Fail
1.6
Fail
—
1.4
Fail
1.2
Fail
3.3
AA Large
2.2
Fail
1.4
Fail
—
1.2
Fail
2.8
Fail
1.9
Fail
1.2
Fail
1.2
Fail
—
White BG
4.1AA Large
2.8Fail
1.7Fail
1.2Fail
1.5Fail
Black BG
5.2AA
7.6AAA
12.3AAA
16.8AAA
14.4AAA

Color Blindness Simulation Color Blindness Simulation

Protanopia

9A984A
BBBA6C
D0D09B
DBDCC1
A4A5D0

Deuteranopia

A5B447
C2CA6D
D2D39E
D9D6C5
9D94D2

Tritanopia

E64140
E77071
D8A5A8
CCCDD0
74D7D8

Achromatopsia

696969
9A9A9A
C5C5C5
DFDFDF
C2C2C2

Shades & Tints Shades & Tints

#F02954

Dark
Light

#ED7A68

Dark
Light

#D9C58D

Dark
Light

Code Snippets Code Snippets

CSS Custom Properties

:root {
  --color-1: #f02954;
  --color-2: #ed7a68;
  --color-3: #d9c58d;
  --color-4: #caf2b1;
  --color-5: #6eebc7;
}

SCSS

$color-1: #f02954;
$color-2: #ed7a68;
$color-3: #d9c58d;
$color-4: #caf2b1;
$color-5: #6eebc7;

TAILWIND

colors: {
  'brand-1': '#f02954',
  'brand-2': '#ed7a68',
  'brand-3': '#d9c58d',
  'brand-4': '#caf2b1',
  'brand-5': '#6eebc7',
}

RGB Array

[240, 41, 84], [237, 122, 104], [217, 197, 141], [202, 242, 177], [110, 235, 199]

FAQ FAQ

What scenarios is this 5-color palette suitable for?

This general-style palette of #F02954, #ED7A68, #D9C58D, #CAF2B1, #6EEBC7 is ideal for: social media posters, mobile apps, e-commerce promos, health products, baby brands, fresh-style blogs. 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: #f02954; --color-2: #ed7a68; --color-3: #d9c58d; --color-4: #caf2b1; --color-5: #6eebc7. 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?

Light tones suit backgrounds; use dark colors for body text. Mid-tones work for card backgrounds or dividers to add depth. 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