Generate Palette
  1. Colors palettes
  2. Reactive CSS Framework UI Tokens
Created at 07/23/2025 08:36
byraccoon
  26

Reactive CSS Framework UI Tokens

  • Media Query Navy
    #1b263b
  • StyleSheet Cream
    #fcf5ed
  • Root Coral
    #ff686b
  • Hover White
    #fefefe
  • Token Sky
    #4ea8de
  • Border Slate
    #708090
The palette consists of Dark, Light colors. Accent colors Root Coral #ff686b and Token Sky #4ea8de. Palette has Cool, Neutral, Warm colors temperature.

By lightness, this palette runs from #1B263B (darkest) to #FEFEFE (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): #1B263B, #4EA8DE, #708090, #FCF5ED, #FEFEFE, #FF686B

Palette Reactive CSS Framework UI Tokens has combination of 6 codes colors:
HEX: #1b263b, RGB: (27, 38, 59); HEX: #fcf5ed, RGB: (252, 245, 237); HEX: #ff686b, RGB: (255, 104, 107)
HEX: #fefefe, RGB: (254, 254, 254); HEX: #4ea8de, RGB: (78, 168, 222); HEX: #708090, RGB: (112, 128, 144)
Simplified version of palette colors
Shade of midnightblue, Tint of floralwhite, Tint of lightcoral, Tint of White, Shade of deepskyblue
Color scheme was created by raccoon

Colors codes in palette

Reactive CSS Framework UI Tokens color codes HEX, RGB information in table

Color HEX RGB Name Alternative name
#1b263b #1b263b RGB(27, 38, 59)Media Query Navy—
#fcf5ed #fcf5ed RGB(252, 245, 237)StyleSheet Cream—
#ff686b #ff686b RGB(255, 104, 107)Root Coral—
#fefefe #fefefe RGB(254, 254, 254)Hover WhiteWhite as Heaven
#4ea8de #4ea8de RGB(78, 168, 222)Token Sky—
#708090 #708090 RGB(112, 128, 144)Border SlateChain Gang Grey

Color Palette Contrast

4 color pairs have low contrast and need improvement which may impact readability.
Text Color Background Color Contrast Ratio
#fcf5ed
#fefefe
1.07
#ff686b
#4ea8de
1.07
#ff686b
#708090
1.43
#4ea8de
#708090
1.54

Image palette Reactive CSS Framework UI Tokens png

Reactive CSS Framework UI Tokens - #556401
 Download image