Generate Palette
  1. Colors palettes
  2. Generative Vector UI Framework
Created at 08/11/2025 14:29
bycolorstudio
  11

Generative Vector UI Framework

  • Anchor Blue
    #1565c0
  • Path Mint
    #80cbc4
  • Bezier Orange
    #f4a261
  • Fill Pink
    #ff6f91
  • Stroke Yellow
    #ffd166
  • Canvas White
    #fafafa
  • Grid Black
    #1b1b1b
The palette consists of Semi dark, Light, Dark colors. Accent colors Anchor Blue #1565c0 and Stroke Yellow #ffd166. Palette has Cool, Warm, Neutral colors temperature.

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

Overall temperature among swatches leans warm.

HEX codes (sorted): #1565C0, #1B1B1B, #80CBC4, #F4A261, #FAFAFA, #FF6F91, #FFD166

Palette Generative Vector UI Framework has combination of 7 codes colors:
HEX: #1565c0, RGB: (21, 101, 192); HEX: #80cbc4, RGB: (128, 203, 196); HEX: #f4a261, RGB: (244, 162, 97)
HEX: #ff6f91, RGB: (255, 111, 145); HEX: #ffd166, RGB: (255, 209, 102); HEX: #fafafa, RGB: (250, 250, 250)
HEX: #1b1b1b, RGB: (27, 27, 27)
Simplified version of palette colors
Tint of royalblue, Shade of mediumturquoise, Tint of sandybrown, Shade of palevioletred, Shade of gold, Shade of whitesmoke, Shade of Black
Color scheme was created by colorstudio

Colors codes in palette

Generative Vector UI Framework color codes HEX, RGB information in table

Color HEX RGB Name Alternative name
#1565c0 #1565c0 RGB(21, 101, 192)Anchor Blue—
#80cbc4 #80cbc4 RGB(128, 203, 196)Path Mint—
#f4a261 #f4a261 RGB(244, 162, 97)Bezier Orange—
#ff6f91 #ff6f91 RGB(255, 111, 145)Fill Pink—
#ffd166 #ffd166 RGB(255, 209, 102)Stroke Yellow—
#fafafa #fafafa RGB(250, 250, 250)Canvas WhiteDr. White
#1b1b1b #1b1b1b RGB(27, 27, 27)Grid BlackEerie Black

Color Palette Contrast

9 color pairs have low contrast and need improvement which may impact readability.
Text Color Background Color Contrast Ratio
#80cbc4
#f4a261
1.1
#80cbc4
#ff6f91
1.41
#80cbc4
#ffd166
1.29
#80cbc4
#fafafa
1.78
#f4a261
#ff6f91
1.28
#f4a261
#ffd166
1.42

Image palette Generative Vector UI Framework png

Generative Vector UI Framework - #557944
 Download image