#FF006F + #00D9FF + #BBFF00 + #363636 + #1F1F1F · cool - Color Palette

Scene Recommendations Scene Recommendations

Emotion EMOTION

HarmoniousVersatileWarmCool

Industry INDUSTRY

E-commerceBusiness

UI Context UI CONTEXT

Web PageComponent Library

Color Details Color Details

#FF006F

Dark Violet · DeepPink · Camellia

HEX

#FF006F

RGB

rgb(255, 0, 111)

HSL

hsl(334, 100%, 50%)

HSB

hsb(334, 100%, 100%)

CMYK

cmyk(0%, 100%, 56%, 0%)

Oklch

oklch(64.1% 0.257 7.8)

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

#00D9FF

Lake Blue · DeepSkyBlue · Mint Ice

HEX

#00D9FF

RGB

rgb(0, 217, 255)

HSL

hsl(189, 100%, 50%)

HSB

hsb(189, 100%, 100%)

CMYK

cmyk(100%, 15%, 0%, 0%)

Oklch

oklch(81.6% 0.145 216.5)

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

#BBFF00

Grass Green · GreenYellow · Olive Green

HEX

#BBFF00

RGB

rgb(187, 255, 0)

HSL

hsl(76, 100%, 50%)

HSB

hsb(76, 100%, 100%)

CMYK

cmyk(27%, 0%, 100%, 0%)

Oklch

oklch(92.0% 0.236 126.7)

Traditional「Grass Green」· Paint「Olive Green」· Creative Blush Sunrise

#363636

Dark Cyan · DarkSlateGray · Dark Stone

HEX

#363636

RGB

rgb(54, 54, 54)

HSL

hsl(0, 0%, 21%)

HSB

hsb(0, 0%, 21%)

CMYK

cmyk(0%, 0%, 0%, 79%)

Oklch

oklch(33.3% 0.000 89.9)

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

#1F1F1F

Ink Black · Black · Dark Stone

HEX

#1F1F1F

RGB

rgb(31, 31, 31)

HSL

hsl(0, 0%, 12%)

HSB

hsb(0, 0%, 12%)

CMYK

cmyk(0%, 0%, 0%, 88%)

Oklch

oklch(23.9% 0.000 89.9)

Traditional「Ink Black」· Paint「Dark Stone」· Creative Midnight Shadow

Color Harmonies Color Harmonies

Based on color wheel theory, calculated from primary color

FF006F

EEFF00

00FF90

1100FF

Contrast Matrix WCAG 2.1 Contrast

FF006F	00D9FF	BBFF00	363636	1F1F1F
—	2.3 Fail	3.2 AA Large	3.2 AA Large	4.3 AA Large
2.3 Fail	—	1.4 Fail	7.1 AAA	9.7 AAA
3.2 AA Large	1.4 Fail	—	10.0 AAA	13.7 AAA
3.2 AA Large	7.1 AAA	10.0 AAA	—	1.4 Fail
4.3 AA Large	9.7 AAA	13.7 AAA	1.4 Fail	—

White BG

3.8AA Large

1.7Fail

1.2Fail

12.1AAA

16.5AAA

Black BG

5.5AA

#FF006F

Dark

Light

#00D9FF

Dark

Light

#BBFF00

Dark

Light

Code Snippets Code Snippets

CSS Custom Properties

:root {
  --color-1: #ff006f;
  --color-2: #00d9ff;
  --color-3: #bbff00;
  --color-4: #363636;
  --color-5: #1f1f1f;
}

SCSS

$color-1: #ff006f;
$color-2: #00d9ff;
$color-3: #bbff00;
$color-4: #363636;
$color-5: #1f1f1f;

TAILWIND

colors: {
  'brand-1': '#ff006f',
  'brand-2': '#00d9ff',
  'brand-3': '#bbff00',
  'brand-4': '#363636',
  'brand-5': '#1f1f1f',
}

RGB Array

[255, 0, 111], [0, 217, 255], [187, 255, 0], [54, 54, 54], [31, 31, 31]

FAQ FAQ

What scenarios is this 5-color palette suitable for?

This cool-style palette of #FF006F, #00D9FF, #BBFF00, #363636, #1F1F1F is ideal for: tech websites, dark mode UIs, game UIs. 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: #ff006f; --color-2: #00d9ff; --color-3: #bbff00; --color-4: #363636; --color-5: #1f1f1f. 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?

Dark tones work well as backgrounds; pair with light text for readability. Use the brightest color for CTA buttons and interactive elements. 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 cool-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