← Back to Editor

#F7637D · #FFDBA7 · #EEF1BA · #82D3AA · #67BEAB

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

#F7637D

Peach Pink · LightCoral · Coral Red

HEX
#F7637D
RGB
rgb(247, 99, 125)
HSL
hsl(349, 90%, 68%)
HSB
hsb(349, 60%, 97%)
CMYK
cmyk(0%, 60%, 49%, 3%)
Oklch
oklch(69.4% 0.182 12.5)

Traditional「Peach Pink」· Paint「Coral Red」· Creative Rose Petal

#FFDBA7

Goose Yellow · Wheat · Peach Orange

HEX
#FFDBA7
RGB
rgb(255, 219, 167)
HSL
hsl(35, 100%, 83%)
HSB
hsb(35, 35%, 100%)
CMYK
cmyk(0%, 14%, 35%, 0%)
Oklch
oklch(90.9% 0.078 76.6)

Traditional「Goose Yellow」· Paint「Peach Orange」· Creative Honey Glow

#EEF1BA

Fresh Green · Wheat · Lemon Cream

HEX
#EEF1BA
RGB
rgb(238, 241, 186)
HSL
hsl(63, 66%, 84%)
HSB
hsb(63, 23%, 95%)
CMYK
cmyk(1%, 0%, 23%, 5%)
Oklch
oklch(94.2% 0.071 110.3)

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

#82D3AA

Jade · MediumAquaMarine · Apple Green

HEX
#82D3AA
RGB
rgb(130, 211, 170)
HSL
hsl(150, 48%, 67%)
HSB
hsb(150, 38%, 83%)
CMYK
cmyk(38%, 0%, 19%, 17%)
Oklch
oklch(80.3% 0.099 161.0)

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

#67BEAB

Mineral Blue · MediumAquaMarine · Lake Green

HEX
#67BEAB
RGB
rgb(103, 190, 171)
HSL
hsl(167, 40%, 57%)
HSB
hsb(167, 46%, 75%)
CMYK
cmyk(46%, 0%, 10%, 25%)
Oklch
oklch(74.1% 0.089 177.8)

Traditional「Mineral Blue」· Paint「Lake Green」· Creative Blush Sunrise

Color Harmonies Color Harmonies

Based on color wheel theory, calculated from primary color

Complementary

F7637D
64F7DC

Analogous

F764C8
F7637D
F79264

Triadic

F7637D
7FF764
647FF7

Split-Comp.

F7637D
64F792
64C8F7

Tetradic

F7637D
C8F764
64F7DC
9264F7

Contrast Matrix WCAG 2.1 Contrast

F7637D
FFDBA7
EEF1BA
82D3AA
67BEAB
—
2.3
Fail
2.5
Fail
1.7
Fail
1.4
Fail
2.3
Fail
—
1.1
Fail
1.3
Fail
1.7
Fail
2.5
Fail
1.1
Fail
—
1.5
Fail
1.9
Fail
1.7
Fail
1.3
Fail
1.5
Fail
—
1.2
Fail
1.4
Fail
1.7
Fail
1.9
Fail
1.2
Fail
—
White BG
3.0Fail
1.3Fail
1.2Fail
1.8Fail
2.2Fail
Black BG
7.0AAA
15.9AAA
17.9AAA
11.8AAA
9.5AAA

Color Blindness Simulation Color Blindness Simulation

Protanopia

B7B677
EFEFB4
EFEFC7
A5A6B4
8D8DB0

Deuteranopia

C0CB75
F2F4B7
EFEFCB
A09AB6
8881B1

Tritanopia

F07271
FDBEC0
EED2D4
86BCBD
6BB3B4

Achromatopsia

929292
E0E0E0
EAEAEA
B6B6B6
A2A2A2

Shades & Tints Shades & Tints

#F7637D

Dark
Light

#FFDBA7

Dark
Light

#EEF1BA

Dark
Light

Code Snippets Code Snippets

CSS Custom Properties

:root {
  --color-1: #f7637d;
  --color-2: #ffdba7;
  --color-3: #eef1ba;
  --color-4: #82d3aa;
  --color-5: #67beab;
}

SCSS

$color-1: #f7637d;
$color-2: #ffdba7;
$color-3: #eef1ba;
$color-4: #82d3aa;
$color-5: #67beab;

TAILWIND

colors: {
  'brand-1': '#f7637d',
  'brand-2': '#ffdba7',
  'brand-3': '#eef1ba',
  'brand-4': '#82d3aa',
  'brand-5': '#67beab',
}

RGB Array

[247, 99, 125], [255, 219, 167], [238, 241, 186], [130, 211, 170], [103, 190, 171]

FAQ FAQ

What scenarios is this 5-color palette suitable for?

This general-style palette of #F7637D, #FFDBA7, #EEF1BA, #82D3AA, #67BEAB 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: #f7637d; --color-2: #ffdba7; --color-3: #eef1ba; --color-4: #82d3aa; --color-5: #67beab. 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