Generate Palette
  1. Colors palettes
  2. React Native Story Arc Simulation
Created at 08/23/2025 07:33
bypalettespicker
  11

React Native Story Arc Simulation

  • Frame Cyan
    #4dd0e1
  • Code Red
    #e53935
  • Simulation Amber
    #ffca28
  • Flowchart Gray
    #cfd8dc
  • Panel Indigo
    #5c6bc0
  • Terminal Black
    #1c1c1c
The palette consists of Light, Semi dark, Dark colors. Accent colors Frame Cyan #4dd0e1 and Simulation Amber #ffca28. Palette has Cool, Warm, Neutral colors temperature.

By lightness, this palette runs from #1C1C1C (darkest) to #CFD8DC (lightest). The lightness range is wide.

Saturation is mixed — some muted swatches and some vivid accents.

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): #1C1C1C, #4DD0E1, #5C6BC0, #CFD8DC, #E53935, #FFCA28

Palette React Native Story Arc Simulation has combination of 6 codes colors:
HEX: #4dd0e1, RGB: (77, 208, 225); HEX: #e53935, RGB: (229, 57, 53); HEX: #ffca28, RGB: (255, 202, 40)
HEX: #cfd8dc, RGB: (207, 216, 220); HEX: #5c6bc0, RGB: (92, 107, 192); HEX: #1c1c1c, RGB: (28, 28, 28)
Simplified version of palette colors
Shade of darkturquoise, Shade of Red, Tint of gold, Shade of lightgrey, Shade of royalblue, Shade of Black
Color scheme was created by palettespicker

Colors codes in palette

React Native Story Arc Simulation color codes HEX, RGB information in table

Color HEX RGB Name Alternative name
#4dd0e1 #4dd0e1 RGB(77, 208, 225)Frame Cyan—
#e53935 #e53935 RGB(229, 57, 53)Code Red—
#ffca28 #ffca28 RGB(255, 202, 40)Simulation Amber—
#cfd8dc #cfd8dc RGB(207, 216, 220)Flowchart Gray—
#5c6bc0 #5c6bc0 RGB(92, 107, 192)Panel Indigo—
#1c1c1c #1c1c1c RGB(28, 28, 28)Terminal BlackGray11

Color Palette Contrast

4 color pairs have low contrast and need improvement which may impact readability.
Text Color Background Color Contrast Ratio
#4dd0e1
#ffca28
1.2
#4dd0e1
#cfd8dc
1.26
#e53935
#5c6bc0
1.15
#ffca28
#cfd8dc
1.05

Image palette React Native Story Arc Simulation png

React Native Story Arc Simulation - #559117
 Download image