Generate Palette
  1. Colors palettes
  2. JS UX Patterns Library
Created at 07/05/2025 13:30
bycolorhunt
  6

JS UX Patterns Library

  • Async Tangerine
    #ff8a5b
  • Event Bubble Blue
    #83b5ff
  • DOM Beige
    #f5ebdc
  • Stack Overflow Brown
    #7a4e48
  • Render Pink
    #ffc7d9
The palette consists of Light, Semi dark colors. Accent colors Event Bubble Blue #83b5ff and Render Pink #ffc7d9. Palette has Warm, Cool, Neutral colors temperature.

By lightness, this palette runs from #7A4E48 (darkest) to #F5EBDC (lightest). The lightness range is moderate.

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 warm.

HEX codes (sorted): #7A4E48, #83B5FF, #F5EBDC, #FF8A5B, #FFC7D9

Palette JS UX Patterns Library has combination of 5 codes colors:
HEX: #ff8a5b, RGB: (255, 138, 91); HEX: #83b5ff, RGB: (131, 181, 255); HEX: #f5ebdc, RGB: (245, 235, 220)
HEX: #7a4e48, RGB: (122, 78, 72); HEX: #ffc7d9, RGB: (255, 199, 217)
Simplified version of palette colors
Shade of coral, Shade of cornflowerblue, Tint of linen, Shade of brown, Shade of Pink
Color scheme was created by colorhunt

Colors codes in palette

JS UX Patterns Library color codes HEX, RGB information in table

Color HEX RGB Name Alternative name
#ff8a5b #ff8a5b RGB(255, 138, 91)Async Tangerine—
#83b5ff #83b5ff RGB(131, 181, 255)Event Bubble Blue—
#f5ebdc #f5ebdc RGB(245, 235, 220)DOM Beige—
#7a4e48 #7a4e48 RGB(122, 78, 72)Stack Overflow Brown—
#ffc7d9 #ffc7d9 RGB(255, 199, 217)Render Pink—

Color Palette Contrast

6 color pairs have low contrast and need improvement which may impact readability.
Text Color Background Color Contrast Ratio
#ff8a5b
#83b5ff
1.1
#ff8a5b
#f5ebdc
1.96
#ff8a5b
#ffc7d9
1.59
#83b5ff
#f5ebdc
1.77
#83b5ff
#ffc7d9
1.43
#f5ebdc
#ffc7d9
1.23

Image palette JS UX Patterns Library png

JS UX Patterns Library - #553813
 Download image