← Back to Editor

#957978 · #FF6B7A · #FFA48F · #DDCEA3 · #CCAD6C

A 5-color palette 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

#957978

Crimson · Gray · Passion Red

HEX
#957978
RGB
rgb(149, 121, 120)
HSL
hsl(2, 12%, 53%)
HSB
hsb(2, 19%, 58%)
CMYK
cmyk(0%, 19%, 19%, 42%)
Oklch
oklch(60.2% 0.035 20.6)

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

#FF6B7A

Peach Pink · Salmon · Coral Red

HEX
#FF6B7A
RGB
rgb(255, 107, 122)
HSL
hsl(354, 100%, 71%)
HSB
hsb(354, 58%, 100%)
CMYK
cmyk(0%, 58%, 52%, 0%)
Oklch
oklch(71.5% 0.180 16.8)

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

#FFA48F

Peach Pink · LightSalmon · Coral Red

HEX
#FFA48F
RGB
rgb(255, 164, 143)
HSL
hsl(11, 100%, 78%)
HSB
hsb(11, 44%, 100%)
CMYK
cmyk(0%, 36%, 44%, 0%)
Oklch
oklch(80.4% 0.113 33.7)

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

#DDCEA3

Goose Yellow · Wheat · Sunflower

HEX
#DDCEA3
RGB
rgb(221, 206, 163)
HSL
hsl(44, 46%, 75%)
HSB
hsb(44, 26%, 87%)
CMYK
cmyk(0%, 7%, 26%, 13%)
Oklch
oklch(85.3% 0.059 91.1)

Traditional「Goose Yellow」· Paint「Sunflower」· Creative Lemon Fizz

#CCAD6C

Ginger · Tan · Sunflower

HEX
#CCAD6C
RGB
rgb(204, 173, 108)
HSL
hsl(41, 48%, 61%)
HSB
hsb(41, 47%, 80%)
CMYK
cmyk(0%, 15%, 47%, 20%)
Oklch
oklch(76.1% 0.091 84.8)

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

Color Harmonies Color Harmonies

Based on color wheel theory, calculated from primary color

Complementary

957978
799596

Analogous

967986
957978
968879

Triadic

957978
79967A
7A7996

Split-Comp.

957978
799688
798696

Tetradic

957978
869679
799596
887996

Contrast Matrix WCAG 2.1 Contrast

957978
FF6B7A
FFA48F
DDCEA3
CCAD6C
—
1.4
Fail
2.1
Fail
2.5
Fail
1.8
Fail
1.4
Fail
—
1.4
Fail
1.8
Fail
1.3
Fail
2.1
Fail
1.4
Fail
—
1.2
Fail
1.1
Fail
2.5
Fail
1.8
Fail
1.2
Fail
—
1.4
Fail
1.8
Fail
1.3
Fail
1.1
Fail
1.4
Fail
—
White BG
4.0AA Large
2.8Fail
1.9Fail
1.6Fail
2.2Fail
Black BG
5.3AA
7.6AAA
11.0AAA
13.4AAA
9.8AAA

Color Blindness Simulation Color Blindness Simulation

Protanopia

898978
BFBE76
D8D794
D7D6AD
BFBE7C

Deuteranopia

8B8D78
C8D376
DDE495
D7D9B0
C0C380

Tritanopia

947878
F87473
FA9899
DCB6B7
CA888B

Achromatopsia

818181
999999
BDBDBD
CECECE
AFAFAF

Shades & Tints Shades & Tints

#957978

Dark
Light

#FF6B7A

Dark
Light

#FFA48F

Dark
Light

Code Snippets Code Snippets

CSS Custom Properties

:root {
  --color-1: #957978;
  --color-2: #ff6b7a;
  --color-3: #ffa48f;
  --color-4: #ddcea3;
  --color-5: #ccad6c;
}

SCSS

$color-1: #957978;
$color-2: #ff6b7a;
$color-3: #ffa48f;
$color-4: #ddcea3;
$color-5: #ccad6c;

TAILWIND

colors: {
  'brand-1': '#957978',
  'brand-2': '#ff6b7a',
  'brand-3': '#ffa48f',
  'brand-4': '#ddcea3',
  'brand-5': '#ccad6c',
}

RGB Array

[149, 121, 120], [255, 107, 122], [255, 164, 143], [221, 206, 163], [204, 173, 108]

FAQ FAQ

What scenarios is this 5-color palette suitable for?

This general-style palette of #957978, #FF6B7A, #FFA48F, #DDCEA3, #CCAD6C 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: #957978; --color-2: #ff6b7a; --color-3: #ffa48f; --color-4: #ddcea3; --color-5: #ccad6c. 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