Generate Palette
  1. Colors palettes
  2. Design Handoff Dev-Ready Kit
Created at 07/11/2025 09:45
bybad_colors
  1

Design Handoff Dev-Ready Kit

  • Spec Border Blue
    #3a86ff
  • Pixel Snap Grey
    #8d99ae
  • Guideline White
    #fefefe
  • Component Token Gold
    #ffbe0b
  • Export Panel Indigo
    #5f0f40
The palette consists of Light, Dark colors. Accent colors Spec Border Blue #3a86ff and Component Token Gold #ffbe0b. Palette has Cool, Neutral, Warm colors temperature.

By lightness, this palette runs from #5F0F40 (darkest) to #FEFEFE (lightest). The lightness range is wide.

Overall saturation feels vivid (higher chroma).

Some hue pairs sit near complementary positions — you may read this as complementary contrast (loose heuristic).

Warm and cool swatches are fairly balanced.

HEX codes (sorted): #3A86FF, #5F0F40, #8D99AE, #FEFEFE, #FFBE0B

Palette Design Handoff Dev-Ready Kit has combination of 5 codes colors:
HEX: #3a86ff, RGB: (58, 134, 255); HEX: #8d99ae, RGB: (141, 153, 174); HEX: #fefefe, RGB: (254, 254, 254)
HEX: #ffbe0b, RGB: (255, 190, 11); HEX: #5f0f40, RGB: (95, 15, 64)
Simplified version of palette colors
Shade of dodgerblue, Shade of lightslategrey, Tint of White, Shade of goldenrod, Tint of Purple
Color scheme was created by bad_colors

Colors codes in palette

Design Handoff Dev-Ready Kit color codes HEX, RGB information in table

Color HEX RGB Name Alternative name
#3a86ff #3a86ff RGB(58, 134, 255)Spec Border Blue—
#8d99ae #8d99ae RGB(141, 153, 174)Pixel Snap Grey—
#fefefe #fefefe RGB(254, 254, 254)Guideline WhiteWhite as Heaven
#ffbe0b #ffbe0b RGB(255, 190, 11)Component Token Gold—
#5f0f40 #5f0f40 RGB(95, 15, 64)Export Panel Indigo—

Color Palette Contrast

3 color pairs have low contrast and need improvement which may impact readability.
Text Color Background Color Contrast Ratio
#3a86ff
#8d99ae
1.2
#8d99ae
#ffbe0b
1.72
#fefefe
#ffbe0b
1.64

Image palette Design Handoff Dev-Ready Kit png

Design Handoff Dev-Ready Kit - #554680
 Download image