#F5F9E5 + #DAEBA8 + #A5D0CF + #CCA6D1 + #937AA3 · neon - Color Palette

Scene Recommendations Scene Recommendations

Emotion EMOTION

FuturisticEnergeticRebelliousCool

Industry INDUSTRY

GamingWeb3 / CryptoDeep Tech

UI Context UI CONTEXT

Dark Mode UIDashboardCampaign Page

Color Details Color Details

#F5F9E5

Willow Green · Beige · Mint Green

HEX

#F5F9E5

RGB

rgb(245, 249, 229)

HSL

hsl(72, 63%, 94%)

HSB

hsb(72, 8%, 98%)

CMYK

cmyk(2%, 0%, 8%, 2%)

Oklch

oklch(97.4% 0.027 116.1)

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

#DAEBA8

Willow Green · Wheat · Apple Green

HEX

#DAEBA8

RGB

rgb(218, 235, 168)

HSL

hsl(75, 63%, 79%)

HSB

hsb(75, 29%, 92%)

CMYK

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

Oklch

oklch(91.1% 0.089 119.8)

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

#A5D0CF

Jade · LightSteelBlue · Lake Green

HEX

#A5D0CF

RGB

rgb(165, 208, 207)

HSL

hsl(179, 31%, 73%)

HSB

hsb(179, 21%, 82%)

CMYK

cmyk(21%, 0%, 0%, 18%)

Oklch

oklch(82.7% 0.045 194.5)

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

#CCA6D1

Lilac · Silver · Lilac Purple

HEX

#CCA6D1

RGB

rgb(204, 166, 209)

HSL

hsl(293, 32%, 74%)

HSB

hsb(293, 21%, 82%)

CMYK

cmyk(2%, 21%, 0%, 18%)

Oklch

oklch(77.3% 0.073 322.4)

Traditional「Lilac」· Paint「Lilac Purple」· Creative Lavender Dream

#937AA3

Dark Plum · LightSlateGray · Violet

HEX

#937AA3

RGB

rgb(147, 122, 163)

HSL

hsl(277, 18%, 56%)

HSB

hsb(277, 25%, 64%)

CMYK

cmyk(10%, 25%, 0%, 36%)

Oklch

oklch(61.7% 0.067 312.0)

Traditional「Dark Plum」· Paint「Violet」· Creative Blush Sunrise

Color Harmonies Color Harmonies

Based on color wheel theory, calculated from primary color

Complementary

F5F9E5

EAE6F9

Analogous

F9F4E6

F5F9E5

ECF9E6

Triadic

F5F9E5

E6F5F9

F9E6F5

Split-Comp.

F5F9E5

E6ECF9

F4E6F9

Tetradic

F5F9E5

E6F9F4

EAE6F9

F9E6EC

Contrast Matrix WCAG 2.1 Contrast

F5F9E5	DAEBA8	A5D0CF	CCA6D1	937AA3
—	1.2 Fail	1.6 Fail	2.0 Fail	3.5 AA Large
1.2 Fail	—	1.3 Fail	1.7 Fail	3.0 Fail
1.6 Fail	1.3 Fail	—	1.3 Fail	2.3 Fail
2.0 Fail	1.7 Fail	1.3 Fail	—	1.8 Fail
3.5 AA Large	3.0 Fail	2.3 Fail	1.8 Fail	—

White BG

1.1Fail

1.3Fail

1.7Fail

2.1Fail

3.8AA Large

Black BG

19.6AAA

16.4AAA

12.5AAA

9.9AAA

5.6AA

Color Blindness Simulation Color Blindness Simulation

Protanopia

F7F7EA

E1E2B8

B8B8CF

BCBBC7

888899

Deuteranopia

F7F6EB

E0DFBC

B5B2CF

BEC1C4

8A8C97

Tritanopia

F5EEEF

DBC5C8

A7CFCF

CABEBD

929190

Achromatopsia

F6F6F6

DEDEDE

C3C3C3

B6B6B6

868686

Shades & Tints Shades & Tints

#F5F9E5

Dark

Light

#DAEBA8

Dark

Light

#A5D0CF

Dark

Light

Code Snippets Code Snippets

CSS Custom Properties

:root {
  --color-1: #f5f9e5;
  --color-2: #daeba8;
  --color-3: #a5d0cf;
  --color-4: #cca6d1;
  --color-5: #937aa3;
}

SCSS

$color-1: #f5f9e5;
$color-2: #daeba8;
$color-3: #a5d0cf;
$color-4: #cca6d1;
$color-5: #937aa3;

TAILWIND

colors: {
  'brand-1': '#f5f9e5',
  'brand-2': '#daeba8',
  'brand-3': '#a5d0cf',
  'brand-4': '#cca6d1',
  'brand-5': '#937aa3',
}

RGB Array

[245, 249, 229], [218, 235, 168], [165, 208, 207], [204, 166, 209], [147, 122, 163]

FAQ FAQ

What scenarios is this 5-color palette suitable for?

This neon-style palette of #F5F9E5, #DAEBA8, #A5D0CF, #CCA6D1, #937AA3 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: #f5f9e5; --color-2: #daeba8; --color-3: #a5d0cf; --color-4: #cca6d1; --color-5: #937aa3. 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 neon-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