← Back to Editor

#F3D077 · #EDCDE7 · #FFA7C3 · #A0729C · #413D74

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

Scene Recommendations Scene Recommendations

Emotion EMOTION

AiryCleanWarmCool

Industry INDUSTRY

HealthcareSaaS

UI Context UI CONTEXT

WorkspaceReadingData Visualization

Color Details Color Details

#F3D077

Goose Yellow · Khaki · Sunflower

HEX
#F3D077
RGB
rgb(243, 208, 119)
HSL
hsl(43, 84%, 71%)
HSB
hsb(43, 51%, 95%)
CMYK
cmyk(0%, 14%, 51%, 5%)
Oklch
oklch(86.9% 0.115 88.5)

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

#EDCDE7

Mauve · Lavender · Lavender

HEX
#EDCDE7
RGB
rgb(237, 205, 231)
HSL
hsl(311, 47%, 87%)
HSB
hsb(311, 14%, 93%)
CMYK
cmyk(0%, 14%, 3%, 7%)
Oklch
oklch(88.3% 0.049 332.3)

Traditional「Mauve」· Paint「Lavender」· Creative Rose Petal

#FFA7C3

Rouge · LightPink · Cherry Blossom

HEX
#FFA7C3
RGB
rgb(255, 167, 195)
HSL
hsl(341, 100%, 83%)
HSB
hsb(341, 35%, 100%)
CMYK
cmyk(0%, 35%, 24%, 0%)
Oklch
oklch(82.2% 0.109 359.1)

Traditional「Rouge」· Paint「Cherry Blossom」· Creative Rose Petal

#A0729C

Rose Purple · Gray · Violet

HEX
#A0729C
RGB
rgb(160, 114, 156)
HSL
hsl(305, 19%, 54%)
HSB
hsb(305, 29%, 63%)
CMYK
cmyk(0%, 29%, 2%, 37%)
Oklch
oklch(61.3% 0.082 329.5)

Traditional「Rose Purple」· Paint「Violet」· Creative Blush Sunrise

#413D74

Deep Indigo · DarkSlateBlue · Prussian Blue

HEX
#413D74
RGB
rgb(65, 61, 116)
HSL
hsl(244, 31%, 35%)
HSB
hsb(244, 47%, 45%)
CMYK
cmyk(44%, 47%, 0%, 55%)
Oklch
oklch(39.2% 0.091 284.7)

Traditional「Deep Indigo」· Paint「Prussian Blue」· Creative Blush Sunrise

Color Harmonies Color Harmonies

Based on color wheel theory, calculated from primary color

Complementary

F3D077
779AF3

Analogous

F39277
F3D077
D8F377

Triadic

F3D077
77F3D0
D077F3

Split-Comp.

F3D077
77D8F3
9277F3

Tetradic

F3D077
77F392
779AF3
F377D8

Contrast Matrix WCAG 2.1 Contrast

F3D077
EDCDE7
FFA7C3
A0729C
413D74
—
1.0
Fail
1.2
Fail
2.6
Fail
6.6
AA
1.0
Fail
—
1.3
Fail
2.7
Fail
6.8
AA
1.2
Fail
1.3
Fail
—
2.1
Fail
5.4
AA
2.6
Fail
2.7
Fail
2.1
Fail
—
2.5
Fail
6.6
AA
6.8
AA
5.4
AA
2.5
Fail
—
White BG
1.5Fail
1.4Fail
1.8Fail
3.9AA Large
9.8AAA
Black BG
14.1AAA
14.5AAA
11.6AAA
5.4AA
2.1Fail

Color Blindness Simulation Color Blindness Simulation

Protanopia

E4E48D
DFDFE1
D9D8BC
8C8C92
3F3F67

Deuteranopia

E6E992
E1E3DF
DEE5BB
8F928F
404063

Tritanopia

F19EA1
EBDCDB
FBB7B6
9E8A88
415C5A

Achromatopsia

D0D0D0
DADADA
C5C5C5
858585
444444

Shades & Tints Shades & Tints

#F3D077

Dark
Light

#EDCDE7

Dark
Light

#FFA7C3

Dark
Light

Code Snippets Code Snippets

CSS Custom Properties

:root {
  --color-1: #f3d077;
  --color-2: #edcde7;
  --color-3: #ffa7c3;
  --color-4: #a0729c;
  --color-5: #413d74;
}

SCSS

$color-1: #f3d077;
$color-2: #edcde7;
$color-3: #ffa7c3;
$color-4: #a0729c;
$color-5: #413d74;

TAILWIND

colors: {
  'brand-1': '#f3d077',
  'brand-2': '#edcde7',
  'brand-3': '#ffa7c3',
  'brand-4': '#a0729c',
  'brand-5': '#413d74',
}

RGB Array

[243, 208, 119], [237, 205, 231], [255, 167, 195], [160, 114, 156], [65, 61, 116]

FAQ FAQ

What scenarios is this 5-color palette suitable for?

This general-style palette of #F3D077, #EDCDE7, #FFA7C3, #A0729C, #413D74 is ideal for: health products, baby brands, fresh-style blogs, infographics, data visualization, accessible design. High contrast ensures clear visual hierarchy and readability. It is a balanced and harmonious choice among 5-color palettes.

How to use this palette in CSS or frontend projects?

Copy the CSS variables directly: --color-1: #f3d077; --color-2: #edcde7; --color-3: #ffa7c3; --color-4: #a0729c; --color-5: #413d74. 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. High-contrast palettes naturally meet WCAG accessibility standards. 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 tech, SaaS, healthcare, eco industries. 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