← Back to Editor

#DA7A7E · #FE9D67 · #FABC84 · #EFD29D · #E3F2C6

cool

A 5-color cool palette · Complete color analysis and application guide

Scene Recommendations Scene Recommendations

Emotion EMOTION

PassionateDynamicWarm

Industry INDUSTRY

EntertainmentFMCG

UI Context UI CONTEXT

Sale PromoSocial App

Color Details Color Details

#DA7A7E

Peach Pink · LightCoral · Coral Red

HEX
#DA7A7E
RGB
rgb(218, 122, 126)
HSL
hsl(357, 56%, 67%)
HSB
hsb(357, 44%, 85%)
CMYK
cmyk(0%, 44%, 42%, 15%)
Oklch
oklch(68.6% 0.119 18.0)

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

#FE9D67

Apricot · SandyBrown · Warm Sun

HEX
#FE9D67
RGB
rgb(254, 157, 103)
HSL
hsl(21, 99%, 70%)
HSB
hsb(21, 59%, 100%)
CMYK
cmyk(0%, 38%, 59%, 0%)
Oklch
oklch(78.5% 0.135 49.0)

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

#FABC84

Apricot · BurlyWood · Warm Sun

HEX
#FABC84
RGB
rgb(250, 188, 132)
HSL
hsl(28, 92%, 75%)
HSB
hsb(28, 47%, 98%)
CMYK
cmyk(0%, 25%, 47%, 2%)
Oklch
oklch(84.0% 0.102 62.8)

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

#EFD29D

Goose Yellow · Wheat · Peach Orange

HEX
#EFD29D
RGB
rgb(239, 210, 157)
HSL
hsl(39, 72%, 78%)
HSB
hsb(39, 34%, 94%)
CMYK
cmyk(0%, 12%, 34%, 6%)
Oklch
oklch(87.6% 0.076 82.3)

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

#E3F2C6

Willow Green · Beige · Mint Green

HEX
#E3F2C6
RGB
rgb(227, 242, 198)
HSL
hsl(80, 63%, 86%)
HSB
hsb(80, 18%, 95%)
CMYK
cmyk(6%, 0%, 18%, 5%)
Oklch
oklch(93.9% 0.060 122.9)

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

Color Harmonies Color Harmonies

Based on color wheel theory, calculated from primary color

Complementary

DA7A7E
7CDAD5

Analogous

DA7CB0
DA7A7E
DAA67C

Triadic

DA7A7E
80DA7C
7C80DA

Split-Comp.

DA7A7E
7CDAA6
7CB0DA

Tetradic

DA7A7E
B0DA7C
7CDAD5
A67CDA

Contrast Matrix WCAG 2.1 Contrast

DA7A7E
FE9D67
FABC84
EFD29D
E3F2C6
—
1.4
Fail
1.8
Fail
2.0
Fail
2.5
Fail
1.4
Fail
—
1.2
Fail
1.4
Fail
1.7
Fail
1.8
Fail
1.2
Fail
—
1.1
Fail
1.4
Fail
2.0
Fail
1.4
Fail
1.1
Fail
—
1.2
Fail
2.5
Fail
1.7
Fail
1.4
Fail
1.2
Fail
—
White BG
3.0Fail
2.1Fail
1.7Fail
1.5Fail
1.2Fail
Black BG
7.1AAA
10.2AAA
12.6AAA
14.4AAA
17.8AAA

Color Blindness Simulation Color Blindness Simulation

Protanopia

B0B07D
D4D374
DFDF92
E2E2AA
E9EAD1

Deuteranopia

B6BD7D
DAE177
E3E795
E4E6AD
E9E7D3

Tritanopia

D57C7C
F97E81
F79C9F
EEB4B6
E4D9DB

Achromatopsia

979797
B4B4B4
C8C8C8
D5D5D5
E8E8E8

Shades & Tints Shades & Tints

#DA7A7E

Dark
Light

#FE9D67

Dark
Light

#FABC84

Dark
Light

Code Snippets Code Snippets

CSS Custom Properties

:root {
  --color-1: #da7a7e;
  --color-2: #fe9d67;
  --color-3: #fabc84;
  --color-4: #efd29d;
  --color-5: #e3f2c6;
}

SCSS

$color-1: #da7a7e;
$color-2: #fe9d67;
$color-3: #fabc84;
$color-4: #efd29d;
$color-5: #e3f2c6;

TAILWIND

colors: {
  'brand-1': '#da7a7e',
  'brand-2': '#fe9d67',
  'brand-3': '#fabc84',
  'brand-4': '#efd29d',
  'brand-5': '#e3f2c6',
}

RGB Array

[218, 122, 126], [254, 157, 103], [250, 188, 132], [239, 210, 157], [227, 242, 198]

FAQ FAQ

What scenarios is this 5-color palette suitable for?

This cool-style palette of #DA7A7E, #FE9D67, #FABC84, #EFD29D, #E3F2C6 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: #da7a7e; --color-2: #fe9d67; --color-3: #fabc84; --color-4: #efd29d; --color-5: #e3f2c6. 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 cool-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