← Back to Editor

#FD6060 · #FDB97C · #C7D49F · #CAF3AA · #B0F0DB

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

#FD6060

Peach Pink · Tomato · Coral Red

HEX
#FD6060
RGB
rgb(253, 96, 96)
HSL
hsl(0, 98%, 68%)
HSB
hsb(0, 62%, 99%)
CMYK
cmyk(0%, 62%, 62%, 1%)
Oklch
oklch(69.3% 0.192 23.6)

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

#FDB97C

Apricot · LightSalmon · Warm Sun

HEX
#FDB97C
RGB
rgb(253, 185, 124)
HSL
hsl(28, 97%, 74%)
HSB
hsb(28, 51%, 99%)
CMYK
cmyk(0%, 27%, 51%, 1%)
Oklch
oklch(83.6% 0.110 62.3)

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

#C7D49F

Willow Green · Tan · Apple Green

HEX
#C7D49F
RGB
rgb(199, 212, 159)
HSL
hsl(75, 38%, 73%)
HSB
hsb(75, 25%, 83%)
CMYK
cmyk(6%, 0%, 25%, 17%)
Oklch
oklch(84.7% 0.072 119.2)

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

#CAF3AA

Emerald · Wheat · Mint Green

HEX
#CAF3AA
RGB
rgb(202, 243, 170)
HSL
hsl(94, 75%, 81%)
HSB
hsb(94, 30%, 95%)
CMYK
cmyk(17%, 0%, 30%, 5%)
Oklch
oklch(91.7% 0.105 132.0)

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

#B0F0DB

Jade · LightBlue · Glacier Blue

HEX
#B0F0DB
RGB
rgb(176, 240, 219)
HSL
hsl(160, 68%, 82%)
HSB
hsb(160, 27%, 94%)
CMYK
cmyk(27%, 0%, 9%, 6%)
Oklch
oklch(90.6% 0.071 172.4)

Traditional「Jade」· Paint「Glacier Blue」· Creative Arctic Pool

Color Harmonies Color Harmonies

Based on color wheel theory, calculated from primary color

Complementary

FD6060
5DFDFD

Analogous

FD5DAD
FD6060
FDAD5D

Triadic

FD6060
5DFD5D
5D5DFD

Split-Comp.

FD6060
5DFDAD
5DADFD

Tetradic

FD6060
ADFD5D
5DFDFD
AD5DFD

Contrast Matrix WCAG 2.1 Contrast

FD6060
FDB97C
C7D49F
CAF3AA
B0F0DB
—
1.8
Fail
1.9
Fail
2.4
Fail
2.3
Fail
1.8
Fail
—
1.1
Fail
1.4
Fail
1.3
Fail
1.9
Fail
1.1
Fail
—
1.3
Fail
1.2
Fail
2.4
Fail
1.4
Fail
1.3
Fail
—
1.0
Fail
2.3
Fail
1.3
Fail
1.2
Fail
1.0
Fail
—
White BG
3.0Fail
1.7Fail
1.6Fail
1.2Fail
1.3Fail
Black BG
7.0AAA
12.4AAA
13.3AAA
16.9AAA
16.3AAA

Color Blindness Simulation Color Blindness Simulation

Protanopia

B9B860
E0DF8B
CDCDAC
DCDCBC
CCCCE0

Deuteranopia

C2CE60
E4E98E
CCCBAF
D9D6C0
C8C3E1

Tritanopia

F56060
FA9699
C8B6B8
CCCACD
B3E4E5

Achromatopsia

8F8F8F
C6C6C6
CACACA
DEDEDE
DADADA

Shades & Tints Shades & Tints

#FD6060

Dark
Light

#FDB97C

Dark
Light

#C7D49F

Dark
Light

Code Snippets Code Snippets

CSS Custom Properties

:root {
  --color-1: #fd6060;
  --color-2: #fdb97c;
  --color-3: #c7d49f;
  --color-4: #caf3aa;
  --color-5: #b0f0db;
}

SCSS

$color-1: #fd6060;
$color-2: #fdb97c;
$color-3: #c7d49f;
$color-4: #caf3aa;
$color-5: #b0f0db;

TAILWIND

colors: {
  'brand-1': '#fd6060',
  'brand-2': '#fdb97c',
  'brand-3': '#c7d49f',
  'brand-4': '#caf3aa',
  'brand-5': '#b0f0db',
}

RGB Array

[253, 96, 96], [253, 185, 124], [199, 212, 159], [202, 243, 170], [176, 240, 219]

FAQ FAQ

What scenarios is this 5-color palette suitable for?

This general-style palette of #FD6060, #FDB97C, #C7D49F, #CAF3AA, #B0F0DB 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: #fd6060; --color-2: #fdb97c; --color-3: #c7d49f; --color-4: #caf3aa; --color-5: #b0f0db. 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