Generate Palette
  1. Colors palettes
  2. React Native Quantum Flow UI
Created at 09/14/2025 18:09
byraccoon
  16

React Native Quantum Flow UI

  • Quantum Sky
    #4cc9f0
  • Hook Violet
    #6d28d9
  • Async Coral
    #ff6b6b
  • Fiber Mint
    #80ed99
  • State Yellow
    #ffbe0b
  • Render White
    #fdfdfd
  • Dark Node Black
    #0c0c0c
The palette consists of Light, Dark colors. Accent colors Quantum Sky #4cc9f0 and State Yellow #ffbe0b. Palette has Cool, Warm, Neutral colors temperature.

By lightness, this palette runs from #0C0C0C (darkest) to #FDFDFD (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): #0C0C0C, #4CC9F0, #6D28D9, #80ED99, #FDFDFD, #FF6B6B, #FFBE0B

Palette React Native Quantum Flow UI has combination of 7 codes colors:
HEX: #4cc9f0, RGB: (76, 201, 240); HEX: #6d28d9, RGB: (109, 40, 217); HEX: #ff6b6b, RGB: (255, 107, 107)
HEX: #80ed99, RGB: (128, 237, 153); HEX: #ffbe0b, RGB: (255, 190, 11); HEX: #fdfdfd, RGB: (253, 253, 253)
HEX: #0c0c0c, RGB: (12, 12, 12)
Simplified version of palette colors
Tint of skyblue, Tint of blueviolet, Tint of salmon, Tint of lightgreen, Shade of goldenrod, Tint of White, Shade of Black
Color scheme was created by raccoon

Colors codes in palette

React Native Quantum Flow UI color codes HEX, RGB information in table

Color HEX RGB Name Alternative name
#4cc9f0 #4cc9f0 RGB(76, 201, 240)Quantum Sky—
#6d28d9 #6d28d9 RGB(109, 40, 217)Hook Violet—
#ff6b6b #ff6b6b RGB(255, 107, 107)Async Coral—
#80ed99 #80ed99 RGB(128, 237, 153)Fiber Mint—
#ffbe0b #ffbe0b RGB(255, 190, 11)State Yellow—
#fdfdfd #fdfdfd RGB(253, 253, 253)Render WhiteBrilliance
#0c0c0c #0c0c0c RGB(12, 12, 12)Dark Node BlackBlack Wash

Color Palette Contrast

9 color pairs have low contrast and need improvement which may impact readability.
Text Color Background Color Contrast Ratio
#4cc9f0
#ff6b6b
1.44
#4cc9f0
#80ed99
1.32
#4cc9f0
#ffbe0b
1.15
#4cc9f0
#fdfdfd
1.89
#ff6b6b
#80ed99
1.91
#ff6b6b
#ffbe0b
1.66

Image palette React Native Quantum Flow UI png

React Native Quantum Flow UI - #560355
 Download image