Generate Palette
  1. Colors palettes
  2. Smart UI Behavior Mapping Kit
Created at 06/20/2025 16:55
bycoolor
  1

Smart UI Behavior Mapping Kit

  • Intent Orange
    #ffa552
  • Hover Mint
    #b6f8d8
  • Click Shadow
    #2d2d2d
  • Scroll Blush
    #ffcad4
  • Focus White
    #fafafa
  • Action Indigo
    #5c6bc0
The palette consists of Light, Dark colors. Accent colors Hover Mint #b6f8d8 and Scroll Blush #ffcad4. Palette has Warm, Cool, Neutral colors temperature.

By lightness, this palette runs from #2D2D2D (darkest) to #FAFAFA (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): #2D2D2D, #5C6BC0, #B6F8D8, #FAFAFA, #FFA552, #FFCAD4

Palette Smart UI Behavior Mapping Kit has combination of 6 codes colors:
HEX: #ffa552, RGB: (255, 165, 82); HEX: #b6f8d8, RGB: (182, 248, 216); HEX: #2d2d2d, RGB: (45, 45, 45)
HEX: #ffcad4, RGB: (255, 202, 212); HEX: #fafafa, RGB: (250, 250, 250); HEX: #5c6bc0, RGB: (92, 107, 192)
Simplified version of palette colors
Shade of sandybrown, Shade of aquamarine, Shade of Black, Shade of Pink, Shade of whitesmoke, Shade of royalblue
Color scheme was created by coolor

Colors codes in palette

Smart UI Behavior Mapping Kit color codes HEX, RGB information in table

Color HEX RGB Name Alternative name
#ffa552 #ffa552 RGB(255, 165, 82)Intent Orange—
#b6f8d8 #b6f8d8 RGB(182, 248, 216)Hover Mint—
#2d2d2d #2d2d2d RGB(45, 45, 45)Click Shadow—
#ffcad4 #ffcad4 RGB(255, 202, 212)Scroll Blush—
#fafafa #fafafa RGB(250, 250, 250)Focus WhiteDr. White
#5c6bc0 #5c6bc0 RGB(92, 107, 192)Action Indigo—

Color Palette Contrast

6 color pairs have low contrast and need improvement which may impact readability.
Text Color Background Color Contrast Ratio
#ffa552
#b6f8d8
1.61
#ffa552
#ffcad4
1.36
#ffa552
#fafafa
1.87
#b6f8d8
#ffcad4
1.18
#b6f8d8
#fafafa
1.15
#ffcad4
#fafafa
1.37

Image palette Smart UI Behavior Mapping Kit png

Smart UI Behavior Mapping Kit - #552530
 Download image