Generate Palette
  1. Color Palettes
  2. React Native Quantum Flow UI

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
  16
Created at 09/14/2025 18:09
byraccoon
The palette consists of Light, Semi dark, 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) — 71% of colors are vivid.

Some colors sit roughly opposite each other on the color wheel, giving the palette complementary contrast.

Overall temperature among swatches leans cool (3 of 7).

HEX codes (sorted): #0C0C0C, #4CC9F0, #6D28D9, #80ED99, #FDFDFD, #FF6B6B, #FFBE0B

Palette React Native Quantum Flow UI combines 7 color codes:
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
Shade of Sky Blue, Shade of Blue Violet, Shade of Salmon, Shade of Light Green, Tint of Goldenrod, Shade of White, Tint of Black
Color scheme was created by raccoon

Color codes in palette

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

ColorHEXRGBNameAlternative name
#4cc9f0#4cc9f0RGB(76, 201, 240)Quantum Sky—
#6d28d9#6d28d9RGB(109, 40, 217)Hook Violet—
#ff6b6b#ff6b6bRGB(255, 107, 107)Async Coral—
#80ed99#80ed99RGB(128, 237, 153)Fiber Mint—
#ffbe0b#ffbe0bRGB(255, 190, 11)State Yellow—
#fdfdfd#fdfdfdRGB(253, 253, 253)Render WhiteBrilliance
#0c0c0c#0c0c0cRGB(12, 12, 12)Dark Node BlackBlack Wash

Color Palette Contrast

9 color pairs have low contrast and need improvement which may impact readability.
Text ColorBackground ColorContrast 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 color palette: Quantum Sky, Hook Violet, Async Coral, Fiber Mint, State Yellow, Render White
 Download image