#68A190 + #92B6A8 + #F9F3C3 + #ECC38F + #DC4358 · pastel - Color Palette

Scene Recommendations Scene Recommendations

Emotion EMOTION

GentleSoothingSweetWarmCool

Industry INDUSTRY

Kids & BabyBeautyLifestyle

UI Context UI CONTEXT

E-commerceSocial PostIllustration

Color Details Color Details

#68A190

Mineral Blue · CadetBlue · Lake Green

HEX

#68A190

RGB

rgb(104, 161, 144)

HSL

hsl(162, 23%, 52%)

HSB

hsb(162, 35%, 63%)

CMYK

cmyk(35%, 0%, 11%, 37%)

Oklch

oklch(66.4% 0.065 173.4)

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

#92B6A8

Jade · DarkSeaGreen · Apple Green

HEX

#92B6A8

RGB

rgb(146, 182, 168)

HSL

hsl(157, 20%, 64%)

HSB

hsb(157, 20%, 71%)

CMYK

cmyk(20%, 0%, 8%, 29%)

Oklch

oklch(74.6% 0.044 169.5)

Traditional「Jade」· Paint「Apple Green」· Creative Arctic Pool

#F9F3C3

Fresh Green · Bisque · Lemon Cream

HEX

#F9F3C3

RGB

rgb(249, 243, 195)

HSL

hsl(53, 82%, 87%)

HSB

hsb(53, 22%, 98%)

CMYK

cmyk(0%, 2%, 22%, 2%)

Oklch

oklch(95.7% 0.062 101.6)

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

#ECC38F

Goose Yellow · BurlyWood · Warm Sun

HEX

#ECC38F

RGB

rgb(236, 195, 143)

HSL

hsl(34, 71%, 74%)

HSB

hsb(34, 39%, 93%)

CMYK

cmyk(0%, 17%, 39%, 7%)

Oklch

oklch(84.1% 0.082 72.9)

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

#DC4358

Vermilion · Tomato · Passion Red

HEX

#DC4358

RGB

rgb(220, 67, 88)

HSL

hsl(352, 69%, 56%)

HSB

hsb(352, 70%, 86%)

CMYK

cmyk(0%, 70%, 60%, 14%)

Oklch

oklch(60.8% 0.189 17.1)

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

Color Harmonies Color Harmonies

Based on color wheel theory, calculated from primary color

Complementary

68A190

A16879

Analogous

68A174

68A190

6895A1

Triadic

68A190

9068A1

A19068

Split-Comp.

68A190

A16895

A17468

Tetradic

68A190

7468A1

A16879

95A168

Contrast Matrix WCAG 2.1 Contrast

68A190	92B6A8	F9F3C3	ECC38F	DC4358
—	1.3 Fail	2.6 Fail	1.8 Fail	1.4 Fail
1.3 Fail	—	2.0 Fail	1.3 Fail	1.9 Fail
2.6 Fail	2.0 Fail	—	1.5 Fail	3.7 AA Large
1.8 Fail	1.3 Fail	1.5 Fail	—	2.6 Fail
1.4 Fail	1.9 Fail	3.7 AA Large	2.6 Fail	—

White BG

3.0Fail

2.2Fail

1.1Fail

1.6Fail

4.2AA Large

Black BG

7.1AAA

9.5AAA

18.6AAA

12.8AAA

5.0AA

Color Blindness Simulation Color Blindness Simulation

Protanopia

818194

A2A2AB

F6F6CF

DADA9C

9A9853

Deuteranopia

7D7995

A09DAC

F7F7D1

DDE09F

A3AE52

Tritanopia

6B9798

94AEAF

F9D8DA

EAA6A8

D44F4E

Achromatopsia

8E8E8E

AAAAAA

EFEFEF

C9C9C9

737373

Shades & Tints Shades & Tints

#68A190

Dark

Light

#92B6A8

Dark

Light

#F9F3C3

Dark

Light

Code Snippets Code Snippets

CSS Custom Properties

:root {
  --color-1: #68a190;
  --color-2: #92b6a8;
  --color-3: #f9f3c3;
  --color-4: #ecc38f;
  --color-5: #dc4358;
}

SCSS

$color-1: #68a190;
$color-2: #92b6a8;
$color-3: #f9f3c3;
$color-4: #ecc38f;
$color-5: #dc4358;

TAILWIND

colors: {
  'brand-1': '#68a190',
  'brand-2': '#92b6a8',
  'brand-3': '#f9f3c3',
  'brand-4': '#ecc38f',
  'brand-5': '#dc4358',
}

RGB Array

[104, 161, 144], [146, 182, 168], [249, 243, 195], [236, 195, 143], [220, 67, 88]

FAQ FAQ

What scenarios is this 5-color palette suitable for?

This pastel-style palette of #68A190, #92B6A8, #F9F3C3, #ECC38F, #DC4358 is ideal for: health products, baby brands, fresh-style blogs. 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: #68a190; --color-2: #92b6a8; --color-3: #f9f3c3; --color-4: #ecc38f; --color-5: #dc4358. 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 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