Generate Palette
  1. Color Palettes
  2. Full-Stack Design Tokens for Web Apps

Full-Stack Design Tokens for Web Apps

  • Token Indigo
    #3c3c88
  • Element Ivory
    #fdfdfd
  • Layer Blue
    #5089c6
  • Schema Coral
    #ff8474
  • State Management Gray
    #a7a9be
  • Context Mint
    #bbe2c6
  • Variant Yellow
    #fce77d
  1
Created at 07/16/2025 20:23
byhex
The palette consists of Semi dark, Light colors. Accent colors Layer Blue #5089c6 and Schema Coral #ff8474. Palette has Cool, Neutral, Warm colors temperature.

By lightness, this palette runs from #3C3C88 (darkest) to #FDFDFD (lightest). The lightness range is wide.

Saturation is mixed — 2 muted and 2 vivid out of 7 colors.

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

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

HEX codes (sorted): #3C3C88, #5089C6, #A7A9BE, #BBE2C6, #FCE77D, #FDFDFD, #FF8474

Palette Full-Stack Design Tokens for Web Apps combines 7 color codes:
HEX: #3c3c88, RGB: (60, 60, 136); HEX: #fdfdfd, RGB: (253, 253, 253); HEX: #5089c6, RGB: (80, 137, 198)
HEX: #ff8474, RGB: (255, 132, 116); HEX: #a7a9be, RGB: (167, 169, 190); HEX: #bbe2c6, RGB: (187, 226, 198)
HEX: #fce77d, RGB: (252, 231, 125)
Simplified version of palette colors
Shade of darkslateblue, Shade of White, Tint of steelblue, Tint of salmon, Shade of lightsteelblue, Shade of honeydew, Tint of Khaki
Color scheme was created by hex

Color codes in palette

Full-Stack Design Tokens for Web Apps color codes HEX, RGB information in table

Color HEX RGB Name Alternative name
#3c3c88 #3c3c88 RGB(60, 60, 136)Token Indigo—
#fdfdfd #fdfdfd RGB(253, 253, 253)Element IvoryBrilliance
#5089c6 #5089c6 RGB(80, 137, 198)Layer Blue—
#ff8474 #ff8474 RGB(255, 132, 116)Schema Coral—
#a7a9be #a7a9be RGB(167, 169, 190)State Management Gray—
#bbe2c6 #bbe2c6 RGB(187, 226, 198)Context Mint—
#fce77d #fce77d RGB(252, 231, 125)Variant Yellow—

Color Palette Contrast

10 color pairs have low contrast and need improvement which may impact readability.
Text Color Background Color Contrast Ratio
#fdfdfd
#bbe2c6
1.39
#fdfdfd
#fce77d
1.22
#5089c6
#ff8474
1.53
#5089c6
#a7a9be
1.58
#ff8474
#a7a9be
1.02
#ff8474
#bbe2c6
1.68

Image palette Full-Stack Design Tokens for Web Apps png

Full-Stack Design Tokens for Web Apps - #555708
 Download image