Accessible Vapor Pop UI

Mint Neon
#94ffd8
Charcoal Interface
#212529
Candy Lime
#d4ff3f
Accessible White
#ffffff
Action Purple
#a259ff
Contrast Navy
#111d4a
Error Coral
#ff5e5b
Focus Orange
#ff9f1c

The palette consists of Light, Dark colors. Accent colors Candy Lime #d4ff3f and Action Purple #a259ff. Palette has Cool, Warm, Neutral colors temperature.

By lightness, this palette runs from #212529 (darkest) to #FFFFFF (lightest). The lightness range is wide.

Overall saturation feels vivid (higher chroma).

Some hue pairs sit near complementary positions — you may read this as complementary contrast (loose heuristic).

Overall temperature among swatches leans cool.

HEX codes (sorted): #111D4A, #212529, #94FFD8, #A259FF, #D4FF3F, #FF5E5B, #FF9F1C, #FFFFFF

Palette Accessible Vapor Pop UI has combination of 8 codes colors:

HEX: #94ffd8, RGB: (148, 255, 216); HEX: #212529, RGB: (33, 37, 41); HEX: #d4ff3f, RGB: (212, 255, 63)

HEX: #ffffff, RGB: (255, 255, 255); HEX: #a259ff, RGB: (162, 89, 255); HEX: #111d4a, RGB: (17, 29, 74)

HEX: #ff5e5b, RGB: (255, 94, 91); HEX: #ff9f1c, RGB: (255, 159, 28)

Simplified version of palette colors

Shade of aquamarine, Shade of Black, Shade of greenyellow, White, Shade of mediumslateblue, Tint of midnightblue, Tint of tomato, Tint of Orange

Color scheme was created by colorstudio

More palettes with:

Colors codes in palette

Accessible Vapor Pop UI color codes HEX, RGB information in table

Color	HEX	RGB	Name	Alternative name
#94ffd8	#94ffd8	RGB(148, 255, 216)	Mint Neon	—
#212529	#212529	RGB(33, 37, 41)	Charcoal Interface	—
#d4ff3f	#d4ff3f	RGB(212, 255, 63)	Candy Lime	—
#ffffff	#ffffff	RGB(255, 255, 255)	Accessible White	White
#a259ff	#a259ff	RGB(162, 89, 255)	Action Purple	—
#111d4a	#111d4a	RGB(17, 29, 74)	Contrast Navy	—
#ff5e5b	#ff5e5b	RGB(255, 94, 91)	Error Coral	—
#ff9f1c	#ff9f1c	RGB(255, 159, 28)	Focus Orange	—

Color Palette Contrast

9 color pairs have low contrast and need improvement which may impact readability.

Text Color	Background Color	Contrast Ratio
#94ffd8	#d4ff3f	1.03
#94ffd8	#ffffff	1.19
#94ffd8	#ff9f1c	1.71
#212529	#111d4a	1.04
#d4ff3f	#ffffff	1.15
#d4ff3f	#ff9f1c	1.77

Image palette Accessible Vapor Pop UI png

--color-mint-neon:	#94ffd8;
--color-charcoal-interface:	#212529;
--color-candy-lime:	#d4ff3f;
--color-accessible-white:	#ffffff;
--color-action-purple:	#a259ff;
--color-contrast-navy:	#111d4a;
--color-error-coral:	#ff5e5b;
--color-focus-orange:	#ff9f1c;

$color-mint-neon:	#94ffd8;
$color-charcoal-interface:	#212529;
$color-candy-lime:	#d4ff3f;
$color-accessible-white:	#ffffff;
$color-action-purple:	#a259ff;
$color-contrast-navy:	#111d4a;
$color-error-coral:	#ff5e5b;
$color-focus-orange:	#ff9f1c;

@color-mint-neon:	#94ffd8;
@color-charcoal-interface:	#212529;
@color-candy-lime:	#d4ff3f;
@color-accessible-white:	#ffffff;
@color-action-purple:	#a259ff;
@color-contrast-navy:	#111d4a;
@color-error-coral:	#ff5e5b;
@color-focus-orange:	#ff9f1c;