← Back to Editor

#FFEC7C · #FFA57C · #FF7C91 · #7C91FF

pastel

A 4-color pastel palette · Complete color analysis and application guide

Scene Recommendations Scene Recommendations

Emotion EMOTION

GentleSoothingSweetWarmCool

Industry INDUSTRY

Kids & BabyBeautyLifestyle

UI Context UI CONTEXT

E-commerceSocial PostIllustration

Color Details Color Details

#FFEC7C

Fresh Green · Khaki · Sunflower

HEX
#FFEC7C
RGB
rgb(255, 236, 124)
HSL
hsl(51, 100%, 74%)
HSB
hsb(51, 51%, 100%)
CMYK
cmyk(0%, 7%, 51%, 0%)
Oklch
oklch(93.6% 0.134 99.9)

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

#FFA57C

Apricot · LightSalmon · Warm Sun

HEX
#FFA57C
RGB
rgb(255, 165, 124)
HSL
hsl(19, 100%, 74%)
HSB
hsb(19, 51%, 100%)
CMYK
cmyk(0%, 35%, 51%, 0%)
Oklch
oklch(80.3% 0.120 45.1)

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

#FF7C91

Peach Pink · LightCoral · Coral Red

HEX
#FF7C91
RGB
rgb(255, 124, 145)
HSL
hsl(350, 100%, 74%)
HSB
hsb(350, 51%, 100%)
CMYK
cmyk(0%, 51%, 43%, 0%)
Oklch
oklch(74.3% 0.160 11.8)

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

#7C91FF

Azure · CornflowerBlue · Cobalt Blue

HEX
#7C91FF
RGB
rgb(124, 145, 255)
HSL
hsl(230, 100%, 74%)
HSB
hsb(230, 51%, 100%)
CMYK
cmyk(51%, 43%, 0%, 0%)
Oklch
oklch(69.1% 0.163 273.3)

Traditional「Azure」· Paint「Cobalt Blue」· Creative Twilight Haze

Color Harmonies Color Harmonies

Based on color wheel theory, calculated from primary color

Complementary

FFEC7C
7A8EFF

Analogous

FFA97A
FFEC7C
D1FF7A

Triadic

FFEC7C
7AFFEB
EB7AFF

Split-Comp.

FFEC7C
7AD1FF
A97AFF

Tetradic

FFEC7C
7AFFA9
7A8EFF
FF7AD1

Contrast Matrix WCAG 2.1 Contrast

FFEC7C
FFA57C
FF7C91
7C91FF
—
1.6
Fail
2.1
Fail
2.4
Fail
1.6
Fail
—
1.3
Fail
1.5
Fail
2.1
Fail
1.3
Fail
—
1.2
Fail
2.4
Fail
1.5
Fail
1.2
Fail
—
White BG
1.2Fail
1.9Fail
2.5Fail
2.9Fail
Black BG
17.5AAA
10.9AAA
8.5AAA
7.4AAA

Color Blindness Simulation Color Blindness Simulation

Protanopia

F7F797
D8D786
C6C58C
8585E4

Deuteranopia

F8F99E
DDE488
CED88B
8482DE

Tritanopia

FEACB1
FB8E8F
F88887
7DCFCB

Achromatopsia

E5E5E5
BBBBBB
A6A6A6
979797

Shades & Tints Shades & Tints

#FFEC7C

Dark
Light

#FFA57C

Dark
Light

#FF7C91

Dark
Light

Code Snippets Code Snippets

CSS Custom Properties

:root {
  --color-1: #ffec7c;
  --color-2: #ffa57c;
  --color-3: #ff7c91;
  --color-4: #7c91ff;
}

SCSS

$color-1: #ffec7c;
$color-2: #ffa57c;
$color-3: #ff7c91;
$color-4: #7c91ff;

TAILWIND

colors: {
  'brand-1': '#ffec7c',
  'brand-2': '#ffa57c',
  'brand-3': '#ff7c91',
  'brand-4': '#7c91ff',
}

RGB Array

[255, 236, 124], [255, 165, 124], [255, 124, 145], [124, 145, 255]

FAQ FAQ

What scenarios is this 4-color palette suitable for?

This pastel-style palette of #FFEC7C, #FFA57C, #FF7C91, #7C91FF 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 4-color palettes.

How to use this palette in CSS or frontend projects?

Copy the CSS variables directly: --color-1: #ffec7c; --color-2: #ffa57c; --color-3: #ff7c91; --color-4: #7c91ff. 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 pastel-style 4-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