Loading...
Created at 07/14/2025 07:44
  6

Composable UI Design Infrastructure

  • Slot Mint
    #b4f8c8
  • Component Graphite
    #434343
  • State Indigo
    #5e60ce
  • Prop Cream
    #fffbf0
  • Theme Pink
    #ffd3da
  • Token White
    #fdfdfd
Loading...
The palette consists of Light colors. Accent colors State Indigo #5e60ce and Prop Cream #fffbf0. Palette has Cool, Neutral colors temperature.

By lightness, this palette runs from #434343 (darkest) to #FDFDFD (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).

Most swatches read as neutral in color temperature.

HEX codes (sorted): #434343, #5E60CE, #B4F8C8, #FDFDFD, #FFD3DA, #FFFBF0

Palette Composable UI Design Infrastructure has combination of 6 codes colors:
HEX: #b4f8c8, RGB: (180, 248, 200); HEX: #434343, RGB: (67, 67, 67); HEX: #5e60ce, RGB: (94, 96, 206)
HEX: #fffbf0, RGB: (255, 251, 240); HEX: #ffd3da, RGB: (255, 211, 218); HEX: #fdfdfd, RGB: (253, 253, 253)
Simplified version of palette colors
Shade of aquamarine, Tint of darkslategrey, Shade of slateblue, Shade of floralwhite, Shade of Pink, Tint of White
Color scheme was created by colorday

Colors codes in palette

Composable UI Design Infrastructure color codes HEX, RGB information in table

Color HEX RGB Name Alternative name
#b4f8c8 #b4f8c8 RGB(180, 248, 200)Slot Mint
#434343 #434343 RGB(67, 67, 67)Component Graphite
#5e60ce #5e60ce RGB(94, 96, 206)State Indigo
#fffbf0 #fffbf0 RGB(255, 251, 240)Prop CreamVanilla Shake
#ffd3da #ffd3da RGB(255, 211, 218)Theme Pink
#fdfdfd #fdfdfd RGB(253, 253, 253)Token WhiteBrilliance

Color Palette Contrast

7 color pairs have low contrast and need improvement which may impact readability.
Text Color Background Color Contrast Ratio
#b4f8c8
#fffbf0
1.18
#b4f8c8
#ffd3da
1.1
#b4f8c8
#fdfdfd
1.2
#434343
#5e60ce
1.9
#fffbf0
#ffd3da
1.3
#fffbf0
#fdfdfd
1.01

Image palette Composable UI Design Infrastructure png

Loading...
Loading...
Loading...