#F6E981 + #E9AC75 + #CF6569 + #9E415C + #7A3B58 · pastel - Color Palette

Scene Recommendations Scene Recommendations

Emotion EMOTION

GentleSoothingSweetWarm

Industry INDUSTRY

Kids & BabyBeautyLifestyle

UI Context UI CONTEXT

E-commerceSocial PostIllustration

Color Details Color Details

#F6E981

Fresh Green · Khaki · Sunflower

HEX

#F6E981

RGB

rgb(246, 233, 129)

HSL

hsl(53, 87%, 74%)

HSB

hsb(53, 48%, 96%)

CMYK

cmyk(0%, 5%, 48%, 4%)

Oklch

oklch(92.3% 0.126 102.2)

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

#E9AC75

Apricot · DarkSalmon · Warm Sun

HEX

#E9AC75

RGB

rgb(233, 172, 117)

HSL

hsl(28, 72%, 69%)

HSB

hsb(28, 50%, 91%)

CMYK

cmyk(0%, 26%, 50%, 9%)

Oklch

oklch(79.0% 0.101 62.6)

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

#CF6569

Crimson · LightCoral · Passion Red

HEX

#CF6569

RGB

rgb(207, 101, 105)

HSL

hsl(358, 52%, 60%)

HSB

hsb(358, 51%, 81%)

CMYK

cmyk(0%, 51%, 49%, 19%)

Oklch

oklch(63.4% 0.134 19.3)

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

#9E415C

Dark Violet · Sienna · Camellia

HEX

#9E415C

RGB

rgb(158, 65, 92)

HSL

hsl(343, 42%, 44%)

HSB

hsb(343, 59%, 62%)

CMYK

cmyk(0%, 59%, 42%, 38%)

Oklch

oklch(50.7% 0.126 4.6)

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

#7A3B58

Dark Violet · DimGray · Camellia

HEX

#7A3B58

RGB

rgb(122, 59, 88)

HSL

hsl(332, 35%, 35%)

HSB

hsb(332, 52%, 48%)

CMYK

cmyk(0%, 52%, 28%, 52%)

Oklch

oklch(44.3% 0.095 352.7)

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

Color Harmonies Color Harmonies

Based on color wheel theory, calculated from primary color

Complementary

F6E981

8390F6

Analogous

F6AF83

F6E981

CAF683

Triadic

F6E981

83F6E9

E983F6

Split-Comp.

F6E981

83CAF6

AF83F6

Tetradic

F6E981

83F6AF

8390F6

F683CA

Contrast Matrix WCAG 2.1 Contrast

F6E981	E9AC75	CF6569	9E415C	7A3B58
—	1.6 Fail	3.0 Fail	5.0 AA	6.5 AA
1.6 Fail	—	1.9 Fail	3.2 AA Large	4.1 AA Large
3.0 Fail	1.9 Fail	—	1.7 Fail	2.2 Fail
5.0 AA	3.2 AA Large	1.7 Fail	—	1.3 Fail
6.5 AA	4.1 AA Large	2.2 Fail	1.3 Fail	—

White BG

1.2Fail

2.0Fail

3.7AA Large

6.2AA

8.1AAA

Black BG

16.9AAA

10.6AAA

5.7AA

3.4AA Large

2.6Fail

Color Blindness Simulation Color Blindness Simulation

Protanopia

F0F09A

CFCE82

A1A068

767555

5F5E51

Deuteranopia

F1F2A0

D2D786

A7AF68

7B8254

62674F

Tritanopia

F5AEB2

E68D8F

CA6767

99504F

774B4A

Achromatopsia

E1E1E1

B8B8B8

858585

606060

515151

Shades & Tints Shades & Tints

#F6E981

Dark

Light

#E9AC75

Dark

Light

#CF6569

Dark

Light

Code Snippets Code Snippets

CSS Custom Properties

:root {
  --color-1: #f6e981;
  --color-2: #e9ac75;
  --color-3: #cf6569;
  --color-4: #9e415c;
  --color-5: #7a3b58;
}

SCSS

$color-1: #f6e981;
$color-2: #e9ac75;
$color-3: #cf6569;
$color-4: #9e415c;
$color-5: #7a3b58;

TAILWIND

colors: {
  'brand-1': '#f6e981',
  'brand-2': '#e9ac75',
  'brand-3': '#cf6569',
  'brand-4': '#9e415c',
  'brand-5': '#7a3b58',
}

RGB Array

[246, 233, 129], [233, 172, 117], [207, 101, 105], [158, 65, 92], [122, 59, 88]

FAQ FAQ

What scenarios is this 5-color palette suitable for?

This pastel-style palette of #F6E981, #E9AC75, #CF6569, #9E415C, #7A3B58 is ideal for: corporate websites, product showcases, portfolios. 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: #f6e981; --color-2: #e9ac75; --color-3: #cf6569; --color-4: #9e415c; --color-5: #7a3b58. 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?

Medium-brightness colors suit brand primary and accent colors. Use the darkest for text, lightest for backgrounds, and mid-tones for emphasis. 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 pastel-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