What are the hex codes in the Neon Arcade palette?

The Neon Arcade color palette consists of Obsidian #0B0C10, Rose #FF2A6D, Turquoise #05D9E8, Ice #D1F7FF.

How should I use the Neon Arcade palette on a website?

Use Ice #D1F7FF as the background, Obsidian #0B0C10 for text, Rose #FF2A6D for buttons and links, and Turquoise #05D9E8 for accents. 3 of 6 color pairs pass WCAG AA (4.5:1); the strongest is Obsidian on Ice at 17.18:1.

Which colors in Neon Arcade have enough contrast for text?

The highest-contrast pair is #0B0C10 on #D1F7FF with a ratio of 17.18:1, which passes WCAG AA for normal text.

#0B0C10Obsidian

#FF2A6DRose

#05D9E8Turquoise

#D1F7FFIce

Neon Arcade color palette

Neon Black Pink Teal

Color codes click any value to copy

Name	HEX	RGB	HSL	OKLCH
Obsidian	`#0B0C10`	`rgb(11, 12, 16)`	`hsl(228, 19%, 5%)`	`oklch(15.5% 0.009 274)`
Rose	`#FF2A6D`	`rgb(255, 42, 109)`	`hsl(341, 100%, 58%)`	`oklch(65.3% 0.242 10)`
Turquoise	`#05D9E8`	`rgb(5, 217, 232)`	`hsl(184, 96%, 46%)`	`oklch(80.7% 0.137 204)`
Ice	`#D1F7FF`	`rgb(209, 247, 255)`	`hsl(190, 100%, 91%)`	`oklch(95.2% 0.041 212)`

Why it works and how to use it

Neon Arcade is a vivid complementary color palette tagged neon, black, pink. Near-complementary hues (about 157° apart) make this a high-contrast, attention-grabbing combination. Saturation runs high, so use the brightest color sparingly and let the others carry the surface area. Warm and cool hues are mixed, which adds depth.

With 3 chromatic colors, Rose takes the lead while the rest support. Lightness runs from 5% to 91%. Well suited to websites, presentations and branding.

Background: Ice (#D1F7FF) is the lightest color, so it belongs on large surfaces.
Text: Obsidian (#0B0C10) on #D1F7FF gives 17.18:1, passing WCAG AAA.
Primary: Rose (#FF2A6D) is the most saturated mid-tone; use it for buttons and links (3.18:1 against the background, fine for UI elements).
Accent: Turquoise (#05D9E8) for highlights, badges and hover states.

3 of 6 color pairs pass WCAG AA (4.5:1); the strongest is Obsidian on Ice at 17.18:1.

Preview on a real UI see how the palette feels in context

BrandFeaturesPricingBlogGet started

Design faster with Neon Arcade

A palette preview that turns four colors into a page, so you can judge hierarchy, contrast and mood before you commit.

Primary action Secondary

Card title

Roles are assigned by lightness.

Color blindness simulation

#0B0C10

#FF2A6D

#05D9E8

#D1F7FF

Color-blind check: all four colors stay distinguishable under protanopia, deuteranopia and tritanopia.

Palette card

Contrast check WCAG ratios between palette colors

Pair	Sample	Ratio	Level
`#0B0C10` on `#D1F7FF`	Aa	17.18:1	AAA
`#0B0C10` on `#05D9E8`	Aa	11.26:1	AAA
`#0B0C10` on `#FF2A6D`	Aa	5.4:1	AA
`#FF2A6D` on `#D1F7FF`	Aa	3.18:1	AA large only
`#FF2A6D` on `#05D9E8`	Aa	2.08:1	Fail
`#05D9E8` on `#D1F7FF`	Aa	1.53:1	Fail

Similar palettes 24 more in this mood