← Back to Editor

#61B289 · #44C09B · #B1F2DC · #FFF7B6 · #FAAC57

pastel

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

#61B289

Mineral Blue · CadetBlue · Olive Green

HEX
#61B289
RGB
rgb(97, 178, 137)
HSL
hsl(150, 34%, 54%)
HSB
hsb(150, 46%, 70%)
CMYK
cmyk(46%, 0%, 23%, 30%)
Oklch
oklch(70.0% 0.101 160.2)

Traditional「Mineral Blue」· Paint「Olive Green」· Creative Blush Sunrise

#44C09B

Mineral Blue · MediumAquaMarine · Lake Green

HEX
#44C09B
RGB
rgb(68, 192, 155)
HSL
hsl(162, 50%, 51%)
HSB
hsb(162, 65%, 75%)
CMYK
cmyk(65%, 0%, 19%, 25%)
Oklch
oklch(72.9% 0.122 169.6)

Traditional「Mineral Blue」· Paint「Lake Green」· Creative Blush Sunrise

#B1F2DC

Jade · LightBlue · Glacier Blue

HEX
#B1F2DC
RGB
rgb(177, 242, 220)
HSL
hsl(160, 71%, 82%)
HSB
hsb(160, 27%, 95%)
CMYK
cmyk(27%, 0%, 9%, 5%)
Oklch
oklch(91.1% 0.072 171.7)

Traditional「Jade」· Paint「Glacier Blue」· Creative Arctic Pool

#FFF7B6

Fresh Green · Bisque · Lemon Cream

HEX
#FFF7B6
RGB
rgb(255, 247, 182)
HSL
hsl(53, 100%, 86%)
HSB
hsb(53, 29%, 100%)
CMYK
cmyk(0%, 3%, 29%, 0%)
Oklch
oklch(96.7% 0.083 101.9)

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

#FAAC57

Ginger · SandyBrown · Warm Sun

HEX
#FAAC57
RGB
rgb(250, 172, 87)
HSL
hsl(31, 94%, 66%)
HSB
hsb(31, 65%, 98%)
CMYK
cmyk(0%, 31%, 65%, 2%)
Oklch
oklch(80.4% 0.136 66.0)

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

Color Harmonies Color Harmonies

Based on color wheel theory, calculated from primary color

Complementary

61B289
B2628A

Analogous

62B262
61B289
62B2B2

Triadic

61B289
8A62B2
B28A62

Split-Comp.

61B289
B262B2
B26262

Tetradic

61B289
6262B2
B2628A
B2B262

Contrast Matrix WCAG 2.1 Contrast

61B289
44C09B
B1F2DC
FFF7B6
FAAC57
—
1.1
Fail
2.0
Fail
2.3
Fail
1.3
Fail
1.1
Fail
—
1.8
Fail
2.1
Fail
1.2
Fail
2.0
Fail
1.8
Fail
—
1.2
Fail
1.5
Fail
2.3
Fail
2.1
Fail
1.2
Fail
—
1.7
Fail
1.3
Fail
1.2
Fail
1.5
Fail
1.7
Fail
—
White BG
2.5Fail
2.3Fail
1.3Fail
1.1Fail
1.9Fail
Black BG
8.2AAA
9.3AAA
16.6AAA
19.2AAA
11.1AAA

Color Blindness Simulation Color Blindness Simulation

Protanopia

848593
7A7BA4
CDCEE1
FCFBC6
D8D86C

Deuteranopia

7F7995
7369A6
C9C5E3
FCFDCA
DDE371

Tritanopia

659B9C
4AABAD
B4E6E6
FFD2D5
F67C7F

Achromatopsia

959595
979797
DCDCDC
F2F2F2
BABABA

Shades & Tints Shades & Tints

#61B289

Dark
Light

#44C09B

Dark
Light

#B1F2DC

Dark
Light

Code Snippets Code Snippets

CSS Custom Properties

:root {
  --color-1: #61b289;
  --color-2: #44c09b;
  --color-3: #b1f2dc;
  --color-4: #fff7b6;
  --color-5: #faac57;
}

SCSS

$color-1: #61b289;
$color-2: #44c09b;
$color-3: #b1f2dc;
$color-4: #fff7b6;
$color-5: #faac57;

TAILWIND

colors: {
  'brand-1': '#61b289',
  'brand-2': '#44c09b',
  'brand-3': '#b1f2dc',
  'brand-4': '#fff7b6',
  'brand-5': '#faac57',
}

RGB Array

[97, 178, 137], [68, 192, 155], [177, 242, 220], [255, 247, 182], [250, 172, 87]

FAQ FAQ

What scenarios is this 5-color palette suitable for?

This pastel-style palette of #61B289, #44C09B, #B1F2DC, #FFF7B6, #FAAC57 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: #61b289; --color-2: #44c09b; --color-3: #b1f2dc; --color-4: #fff7b6; --color-5: #faac57. 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 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