#68958E + #AEAB74 + #CBC877 + #F2E07C + #A3646F · 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

#68958E

Mineral Blue · CadetBlue · Mint Ice

HEX

#68958E

RGB

rgb(104, 149, 142)

HSL

hsl(171, 18%, 50%)

HSB

hsb(171, 30%, 58%)

CMYK

cmyk(30%, 0%, 5%, 42%)

Oklch

oklch(63.5% 0.050 184.0)

Traditional「Mineral Blue」· Paint「Mint Ice」· Creative Blush Sunrise

#AEAB74

Autumn Sage · Tan · Sunflower

HEX

#AEAB74

RGB

rgb(174, 171, 116)

HSL

hsl(57, 26%, 57%)

HSB

hsb(57, 33%, 68%)

CMYK

cmyk(0%, 2%, 33%, 32%)

Oklch

oklch(73.0% 0.074 105.4)

Traditional「Autumn Sage」· Paint「Sunflower」· Creative Blush Sunrise

#CBC877

Fresh Green · BurlyWood · Sunflower

HEX

#CBC877

RGB

rgb(203, 200, 119)

HSL

hsl(58, 45%, 63%)

HSB

hsb(58, 41%, 80%)

CMYK

cmyk(0%, 1%, 41%, 20%)

Oklch

oklch(81.7% 0.103 106.6)

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

#F2E07C

Fresh Green · Khaki · Sunflower

HEX

#F2E07C

RGB

rgb(242, 224, 124)

HSL

hsl(51, 82%, 72%)

HSB

hsb(51, 49%, 95%)

CMYK

cmyk(0%, 7%, 49%, 5%)

Oklch

oklch(90.1% 0.123 99.3)

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

#A3646F

Crimson · Gray · Passion Red

HEX

#A3646F

RGB

rgb(163, 100, 111)

HSL

hsl(350, 26%, 52%)

HSB

hsb(350, 39%, 64%)

CMYK

cmyk(0%, 39%, 32%, 36%)

Oklch

oklch(57.6% 0.082 8.7)

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

Color Harmonies Color Harmonies

Based on color wheel theory, calculated from primary color

Complementary

68958E

96696F

Analogous

699679

68958E

698696

Triadic

68958E

906996

969069

Split-Comp.

68958E

966986

967969

Tetradic

68958E

796996

96696F

869669

Contrast Matrix WCAG 2.1 Contrast

68958E	AEAB74	CBC877	F2E07C	A3646F
—	1.4 Fail	1.9 Fail	2.5 Fail	1.4 Fail
1.4 Fail	—	1.4 Fail	1.8 Fail	1.9 Fail
1.9 Fail	1.4 Fail	—	1.3 Fail	2.6 Fail
2.5 Fail	1.8 Fail	1.3 Fail	—	3.4 AA Large
1.4 Fail	1.9 Fail	2.6 Fail	3.4 AA Large	—

White BG

3.3AA Large

2.4Fail

1.7Fail

1.3Fail

4.6AA

Black BG

6.3AA

8.9AAA

12.1AAA

15.7AAA

4.6AA

Color Blindness Simulation Color Blindness Simulation

Protanopia

7B7C90

ADAD81

CACA8B

EAEA94

88876C

Deuteranopia

797690

ADAD85

CACA8F

EBED9A

8B906C

Tritanopia

6A9191

AE8C8E

CB9A9D

F1A7AC

A06A6A

Achromatopsia

878787

A6A6A6

C0C0C0

DADADA

787878

Shades & Tints Shades & Tints

#68958E

Dark

Light

#AEAB74

Dark

Light

#CBC877

Dark

Light

Code Snippets Code Snippets

CSS Custom Properties

:root {
  --color-1: #68958e;
  --color-2: #aeab74;
  --color-3: #cbc877;
  --color-4: #f2e07c;
  --color-5: #a3646f;
}

SCSS

$color-1: #68958e;
$color-2: #aeab74;
$color-3: #cbc877;
$color-4: #f2e07c;
$color-5: #a3646f;

TAILWIND

colors: {
  'brand-1': '#68958e',
  'brand-2': '#aeab74',
  'brand-3': '#cbc877',
  'brand-4': '#f2e07c',
  'brand-5': '#a3646f',
}

RGB Array

[104, 149, 142], [174, 171, 116], [203, 200, 119], [242, 224, 124], [163, 100, 111]

FAQ FAQ

What scenarios is this 5-color palette suitable for?

This pastel-style palette of #68958E, #AEAB74, #CBC877, #F2E07C, #A3646F 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: #68958e; --color-2: #aeab74; --color-3: #cbc877; --color-4: #f2e07c; --color-5: #a3646f. 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