#95B495 + #AAC6D1 + #F7EDCA + #D1B061 + #6B6591 · warm - Color Palette

Scene Recommendations Scene Recommendations

Emotion EMOTION

AiryCleanWarmCool

Industry INDUSTRY

HealthcareSaaS

UI Context UI CONTEXT

WorkspaceReading

Color Details Color Details

#95B495

Celadon · DarkSeaGreen · Apple Green

HEX

#95B495

RGB

rgb(149, 180, 149)

HSL

hsl(120, 17%, 65%)

HSB

hsb(120, 17%, 71%)

CMYK

cmyk(17%, 0%, 17%, 29%)

Oklch

oklch(73.8% 0.056 145.0)

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

#AAC6D1

Sky Blue · LightSteelBlue · Lake Green

HEX

#AAC6D1

RGB

rgb(170, 198, 209)

HSL

hsl(197, 30%, 74%)

HSB

hsb(197, 19%, 82%)

CMYK

cmyk(19%, 5%, 0%, 18%)

Oklch

oklch(80.9% 0.034 223.5)

Traditional「Sky Blue」· Paint「Lake Green」· Creative Arctic Pool

#F7EDCA

Goose Yellow · Bisque · Lemon Cream

HEX

#F7EDCA

RGB

rgb(247, 237, 202)

HSL

hsl(47, 74%, 88%)

HSB

hsb(47, 18%, 97%)

CMYK

cmyk(0%, 4%, 18%, 3%)

Oklch

oklch(94.5% 0.047 93.9)

Traditional「Goose Yellow」· Paint「Lemon Cream」· Creative Lemon Fizz

#D1B061

Ginger · SandyBrown · Sunflower

HEX

#D1B061

RGB

rgb(209, 176, 97)

HSL

hsl(42, 55%, 60%)

HSB

hsb(42, 54%, 82%)

CMYK

cmyk(0%, 16%, 54%, 18%)

Oklch

oklch(77.0% 0.106 87.2)

Traditional「Ginger」· Paint「Sunflower」· Creative Blush Sunrise

#6B6591

Deep Indigo · SlateGray · Navy Blue

HEX

#6B6591

RGB

rgb(107, 101, 145)

HSL

hsl(248, 18%, 48%)

HSB

hsb(248, 30%, 57%)

CMYK

cmyk(26%, 30%, 0%, 43%)

Oklch

oklch(53.0% 0.069 290.1)

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

Color Harmonies Color Harmonies

Based on color wheel theory, calculated from primary color

Complementary

95B495

B597B5

Analogous

A6B597

95B495

97B5A6

Triadic

95B495

9797B5

B59797

Split-Comp.

95B495

A697B5

B597A6

Tetradic

95B495

97A6B5

B597B5

B5A697

Contrast Matrix WCAG 2.1 Contrast

95B495	AAC6D1	F7EDCA	D1B061	6B6591
—	1.3 Fail	1.9 Fail	1.1 Fail	2.4 Fail
1.3 Fail	—	1.5 Fail	1.2 Fail	3.0 AA Large
1.9 Fail	1.5 Fail	—	1.8 Fail	4.6 AA
1.1 Fail	1.2 Fail	1.8 Fail	—	2.6 Fail
2.4 Fail	3.0 AA Large	4.6 AA	2.6 Fail	—

White BG

2.3Fail

1.8Fail

1.2Fail

2.1Fail

5.4AA

Black BG

9.2AAA

11.7AAA

17.9AAA

10.1AAA

3.9AA Large

Color Blindness Simulation Color Blindness Simulation

Protanopia

A2A39D

B6B6CE

F3F3D2

C3C274

686886

Deuteranopia

A19E9E

B5B2CE

F3F4D4

C5C779

696984

Tritanopia

97A2A4

ABCCCC

F6D9DB

CF8387

6B7E7C

Achromatopsia

A7A7A7

BFBFBF

ECECEC

B1B1B1

6C6C6C

Shades & Tints Shades & Tints

#95B495

Dark

Light

#AAC6D1

Dark

Light

#F7EDCA

Dark

Light

Code Snippets Code Snippets

CSS Custom Properties

:root {
  --color-1: #95b495;
  --color-2: #aac6d1;
  --color-3: #f7edca;
  --color-4: #d1b061;
  --color-5: #6b6591;
}

SCSS

$color-1: #95b495;
$color-2: #aac6d1;
$color-3: #f7edca;
$color-4: #d1b061;
$color-5: #6b6591;

TAILWIND

colors: {
  'brand-1': '#95b495',
  'brand-2': '#aac6d1',
  'brand-3': '#f7edca',
  'brand-4': '#d1b061',
  'brand-5': '#6b6591',
}

RGB Array

[149, 180, 149], [170, 198, 209], [247, 237, 202], [209, 176, 97], [107, 101, 145]

FAQ FAQ

What scenarios is this 5-color palette suitable for?

This warm-style palette of #95B495, #AAC6D1, #F7EDCA, #D1B061, #6B6591 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: #95b495; --color-2: #aac6d1; --color-3: #f7edca; --color-4: #d1b061; --color-5: #6b6591. 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 warm-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