← Back to Editor

#965A74 · #CA7094 · #FE899B · #FDA798 · #FCC97A

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

#965A74

Dark Violet · Gray · Camellia

HEX
#965A74
RGB
rgb(150, 90, 116)
HSL
hsl(334, 25%, 47%)
HSB
hsb(334, 40%, 59%)
CMYK
cmyk(0%, 40%, 23%, 41%)
Oklch
oklch(54.3% 0.086 352.8)

Traditional「Dark Violet」· Paint「Camellia」· Creative Blush Sunrise

#CA7094

Rouge · LightCoral · Rose Pink

HEX
#CA7094
RGB
rgb(202, 112, 148)
HSL
hsl(336, 46%, 62%)
HSB
hsb(336, 45%, 79%)
CMYK
cmyk(0%, 45%, 27%, 21%)
Oklch
oklch(65.6% 0.120 355.5)

Traditional「Rouge」· Paint「Rose Pink」· Creative Rose Petal

#FE899B

Peach Pink · LightCoral · Coral Red

HEX
#FE899B
RGB
rgb(254, 137, 155)
HSL
hsl(351, 98%, 77%)
HSB
hsb(351, 46%, 100%)
CMYK
cmyk(0%, 46%, 39%, 0%)
Oklch
oklch(76.3% 0.142 11.3)

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

#FDA798

Peach Pink · LightSalmon · Coral Red

HEX
#FDA798
RGB
rgb(253, 167, 152)
HSL
hsl(9, 96%, 79%)
HSB
hsb(9, 40%, 99%)
CMYK
cmyk(0%, 34%, 40%, 1%)
Oklch
oklch(80.9% 0.105 30.3)

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

#FCC97A

Goose Yellow · Khaki · Warm Sun

HEX
#FCC97A
RGB
rgb(252, 201, 122)
HSL
hsl(36, 96%, 73%)
HSB
hsb(36, 52%, 99%)
CMYK
cmyk(0%, 20%, 52%, 1%)
Oklch
oklch(86.5% 0.113 77.3)

Traditional「Goose Yellow」· Paint「Warm Sun」· Creative Honey Glow

Color Harmonies Color Harmonies

Based on color wheel theory, calculated from primary color

Complementary

965A74
5A967C

Analogous

965A92
965A74
965E5A

Triadic

965A74
74965A
5A7496

Split-Comp.

965A74
5A965E
5A9296

Tetradic

965A74
92965A
5A967C
5E5A96

Contrast Matrix WCAG 2.1 Contrast

965A74
CA7094
FE899B
FDA798
FCC97A
—
1.6
Fail
2.3
Fail
2.8
Fail
3.4
AA Large
1.6
Fail
—
1.5
Fail
1.8
Fail
2.2
Fail
2.3
Fail
1.5
Fail
—
1.2
Fail
1.5
Fail
2.8
Fail
1.8
Fail
1.2
Fail
—
1.2
Fail
3.4
AA Large
2.2
Fail
1.5
Fail
1.2
Fail
—
White BG
5.2AA
3.4AA Large
2.3Fail
1.9Fail
1.5Fail
Black BG
4.0AA Large
6.3AA
9.3AAA
11.2AAA
13.8AAA

Color Blindness Simulation Color Blindness Simulation

Protanopia

7C7B6E
A3A28B
CBCA97
D8D79C
E6E58D

Deuteranopia

80846C
A8AF89
D2DB96
DDE39D
E9ED92

Tritanopia

936968
C58483
F89392
F99E9F
F99CA0

Achromatopsia

6F6F6F
8F8F8F
AEAEAE
BFBFBF
CFCFCF

Shades & Tints Shades & Tints

#965A74

Dark
Light

#CA7094

Dark
Light

#FE899B

Dark
Light

Code Snippets Code Snippets

CSS Custom Properties

:root {
  --color-1: #965a74;
  --color-2: #ca7094;
  --color-3: #fe899b;
  --color-4: #fda798;
  --color-5: #fcc97a;
}

SCSS

$color-1: #965a74;
$color-2: #ca7094;
$color-3: #fe899b;
$color-4: #fda798;
$color-5: #fcc97a;

TAILWIND

colors: {
  'brand-1': '#965a74',
  'brand-2': '#ca7094',
  'brand-3': '#fe899b',
  'brand-4': '#fda798',
  'brand-5': '#fcc97a',
}

RGB Array

[150, 90, 116], [202, 112, 148], [254, 137, 155], [253, 167, 152], [252, 201, 122]

FAQ FAQ

What scenarios is this 5-color palette suitable for?

This general-style palette of #965A74, #CA7094, #FE899B, #FDA798, #FCC97A 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: #965a74; --color-2: #ca7094; --color-3: #fe899b; --color-4: #fda798; --color-5: #fcc97a. 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