← Back to Editor

#29292B · #61669A · #C5DDF3 · #EAF1E4 · #C6E890

pastel

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

Scene Recommendations Scene Recommendations

Emotion EMOTION

GentleSoothingSweetCool

Industry INDUSTRY

Kids & BabyBeautyLifestyle

UI Context UI CONTEXT

E-commerceSocial PostIllustrationData Visualization

Color Details Color Details

#29292B

Dark Cyan · DarkSlateGray · Dark Stone

HEX
#29292B
RGB
rgb(41, 41, 43)
HSL
hsl(240, 2%, 16%)
HSB
hsb(240, 5%, 17%)
CMYK
cmyk(5%, 5%, 0%, 83%)
Oklch
oklch(28.2% 0.004 286.2)

Traditional「Dark Cyan」· Paint「Dark Stone」· Creative Midnight Shadow

#61669A

Indigo · SlateGray · Navy Blue

HEX
#61669A
RGB
rgb(97, 102, 154)
HSL
hsl(235, 23%, 49%)
HSB
hsb(235, 37%, 60%)
CMYK
cmyk(37%, 34%, 0%, 40%)
Oklch
oklch(52.8% 0.082 279.0)

Traditional「Indigo」· Paint「Navy Blue」· Creative Blush Sunrise

#C5DDF3

Sky Blue · LightBlue · Sky Blue

HEX
#C5DDF3
RGB
rgb(197, 221, 243)
HSL
hsl(209, 66%, 86%)
HSB
hsb(209, 19%, 95%)
CMYK
cmyk(19%, 9%, 0%, 5%)
Oklch
oklch(88.7% 0.040 245.9)

Traditional「Sky Blue」· Paint「Sky Blue」· Creative Twilight Haze

#EAF1E4

Celadon · Beige · Mint Green

HEX
#EAF1E4
RGB
rgb(234, 241, 228)
HSL
hsl(92, 32%, 92%)
HSB
hsb(92, 5%, 95%)
CMYK
cmyk(3%, 0%, 5%, 5%)
Oklch
oklch(94.9% 0.019 130.2)

Traditional「Celadon」· Paint「Mint Green」· Creative Mint Breeze

#C6E890

Willow Green · Khaki · Apple Green

HEX
#C6E890
RGB
rgb(198, 232, 144)
HSL
hsl(83, 66%, 74%)
HSB
hsb(83, 38%, 91%)
CMYK
cmyk(15%, 0%, 38%, 9%)
Oklch
oklch(88.6% 0.119 125.9)

Traditional「Willow Green」· Paint「Apple Green」· Creative Mint Breeze

Color Harmonies Color Harmonies

Based on color wheel theory, calculated from primary color

Complementary

29292B
2A2A28

Analogous

28292A
29292B
29282A

Triadic

29292B
2A2828
282A28

Split-Comp.

29292B
2A2928
292A28

Tetradic

29292B
2A2829
2A2A28
282A29

Contrast Matrix WCAG 2.1 Contrast

29292B
61669A
C5DDF3
EAF1E4
C6E890
—
2.7
Fail
10.4
AAA
12.6
AAA
10.6
AAA
2.7
Fail
—
3.9
AA Large
4.7
AA
4.0
AA Large
10.4
AAA
3.9
AA Large
—
1.2
Fail
1.0
Fail
12.6
AAA
4.7
AA
1.2
Fail
—
1.2
Fail
10.6
AAA
4.0
AA Large
1.0
Fail
1.2
Fail
—
White BG
14.5AAA
5.4AA
1.4Fail
1.2Fail
1.4Fail
Black BG
1.4Fail
3.9AA Large
15.0AAA
18.2AAA
15.3AAA

Color Blindness Simulation Color Blindness Simulation

Protanopia

29292B
63638D
CFD0EE
EDEDE7
D5D5A5

Deuteranopia

29292A
63628A
CECCEC
EDECE8
D3D0AA

Tritanopia

292A2A
618381
C6E9E9
EAEAEA
C8B6BA

Achromatopsia

292929
6A6A6A
D8D8D8
EDEDED
D4D4D4

Shades & Tints Shades & Tints

#29292B

Dark
Light

#61669A

Dark
Light

#C5DDF3

Dark
Light

Code Snippets Code Snippets

CSS Custom Properties

:root {
  --color-1: #29292b;
  --color-2: #61669a;
  --color-3: #c5ddf3;
  --color-4: #eaf1e4;
  --color-5: #c6e890;
}

SCSS

$color-1: #29292b;
$color-2: #61669a;
$color-3: #c5ddf3;
$color-4: #eaf1e4;
$color-5: #c6e890;

TAILWIND

colors: {
  'brand-1': '#29292b',
  'brand-2': '#61669a',
  'brand-3': '#c5ddf3',
  'brand-4': '#eaf1e4',
  'brand-5': '#c6e890',
}

RGB Array

[41, 41, 43], [97, 102, 154], [197, 221, 243], [234, 241, 228], [198, 232, 144]

FAQ FAQ

What scenarios is this 5-color palette suitable for?

This pastel-style palette of #29292B, #61669A, #C5DDF3, #EAF1E4, #C6E890 is ideal for: infographics, data visualization, accessible design. High contrast ensures clear visual hierarchy and readability. 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: #29292b; --color-2: #61669a; --color-3: #c5ddf3; --color-4: #eaf1e4; --color-5: #c6e890. 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. High-contrast palettes naturally meet WCAG accessibility standards. 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