Created at 07/05/2025 13:16
  1

Lightweight UI Framework Layers

  • Minimalist Linen
    #fff8f0
  • Z-Index Shadow Gray
    #c1c1c1
  • Inline Aqua
    #aff8db
  • Hover Flame
    #ff715b
  • Nested Violet
    #a29bfe
The palette consists of Light colors. Accent colors Minimalist Linen #fff8f0 and Nested Violet #a29bfe. Palette has Neutral, Cool, Warm colors temperature.

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

HEX codes (sorted): #A29BFE, #AFF8DB, #C1C1C1, #FF715B, #FFF8F0

Palette Lightweight UI Framework Layers has combination of 5 codes colors:
HEX: #fff8f0, RGB: (255, 248, 240); HEX: #c1c1c1, RGB: (193, 193, 193); HEX: #aff8db, RGB: (175, 248, 219)
HEX: #ff715b, RGB: (255, 113, 91); HEX: #a29bfe, RGB: (162, 155, 254)
Simplified version of palette colors
Tint of floralwhite, Shade of Silver, Shade of aquamarine, Shade of tomato, Tint of lightsteelblue
Color scheme was created by colourlock

Colors codes in palette

Lightweight UI Framework Layers color codes HEX, RGB information in table

Color HEX RGB Name Alternative name
#fff8f0 #fff8f0 RGB(255, 248, 240)Minimalist Linen
#c1c1c1 #c1c1c1 RGB(193, 193, 193)Z-Index Shadow GrayStonewall Grey
#aff8db #aff8db RGB(175, 248, 219)Inline Aqua
#ff715b #ff715b RGB(255, 113, 91)Hover Flame
#a29bfe #a29bfe RGB(162, 155, 254)Nested Violet

Color Palette Contrast

7 color pairs have low contrast and need improvement which may impact readability.
Text Color Background Color Contrast Ratio
#fff8f0
#c1c1c1
1.7
#fff8f0
#aff8db
1.15
#c1c1c1
#aff8db
1.48
#c1c1c1
#ff715b
1.5
#c1c1c1
#a29bfe
1.34
#aff8db
#a29bfe
1.99

Image palette Lightweight UI Framework Layers png