Generate Palette
  1. Colors palettes
  2. React Native Edge AI Mobile UX Microinteraction Kit
Created at 04/15/2026 11:34
byraccoon
  1

React Native Edge AI Mobile UX Microinteraction Kit

  • Midnight Mobile
    #0d111a
  • Tap Blue
    #1a7cff
  • Swipe Coral
    #ff5a7a
  • Haptic Green
    #2ee59d
  • Glass Violet
    #7a5cfa
  • Signal Gray
    #98a2b3
  • Card Snow
    #f7faff
The palette consists of Dark, Light colors. Accent colors Swipe Coral #ff5a7a and Card Snow #f7faff. Palette has Neutral, Cool, Warm colors temperature.

By lightness, this palette runs from #0D111A (darkest) to #F7FAFF (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): #0D111A, #1A7CFF, #2EE59D, #7A5CFA, #98A2B3, #F7FAFF, #FF5A7A

Palette React Native Edge AI Mobile UX Microinteraction Kit has combination of 7 codes colors:
HEX: #0d111a, RGB: (13, 17, 26); HEX: #1a7cff, RGB: (26, 124, 255); HEX: #ff5a7a, RGB: (255, 90, 122)
HEX: #2ee59d, RGB: (46, 229, 157); HEX: #7a5cfa, RGB: (122, 92, 250); HEX: #98a2b3, RGB: (152, 162, 179)
HEX: #f7faff, RGB: (247, 250, 255)
Simplified version of palette colors
Shade of Black, Tint of dodgerblue, Tint of lightcoral, Shade of mediumspringgreen, Tint of mediumslateblue, Tint of darkgrey, Shade of ghostwhite
Color scheme was created by raccoon

Colors codes in palette

React Native Edge AI Mobile UX Microinteraction Kit color codes HEX, RGB information in table

Color HEX RGB Name Alternative name
#0d111a #0d111a RGB(13, 17, 26)Midnight Mobile—
#1a7cff #1a7cff RGB(26, 124, 255)Tap Blue—
#ff5a7a #ff5a7a RGB(255, 90, 122)Swipe Coral—
#2ee59d #2ee59d RGB(46, 229, 157)Haptic Green—
#7a5cfa #7a5cfa RGB(122, 92, 250)Glass Violet—
#98a2b3 #98a2b3 RGB(152, 162, 179)Signal Gray—
#f7faff #f7faff RGB(247, 250, 255)Card Snow—

Color Palette Contrast

9 color pairs have low contrast and need improvement which may impact readability.
Text Color Background Color Contrast Ratio
#1a7cff
#ff5a7a
1.3
#1a7cff
#7a5cfa
1.13
#1a7cff
#98a2b3
1.51
#ff5a7a
#2ee59d
1.83
#ff5a7a
#7a5cfa
1.47
#ff5a7a
#98a2b3
1.16

Image palette React Native Edge AI Mobile UX Microinteraction Kit png

React Native Edge AI Mobile UX Microinteraction Kit - #571617
 Download image