Generate Palette
  1. Colors palettes
  2. Code-first UI Schema Generator
Created at 06/09/2025 08:17
bycolorstudio
  26

Code-first UI Schema Generator

  • Field Sky
    #ade8f4
  • Type Lime
    #d9ed92
  • Error Brick
    #ff595e
  • Schema Ash
    #dde2e5
  • Form Ivory
    #fff9f0
  • Reference Black
    #2e2e2e
The palette consists of Light, Dark colors. Accent colors Field Sky #ade8f4 and Form Ivory #fff9f0. Palette has Cool, Warm, Neutral colors temperature.

By lightness, this palette runs from #2E2E2E (darkest) to #FFF9F0 (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): #2E2E2E, #ADE8F4, #D9ED92, #DDE2E5, #FF595E, #FFF9F0

Palette Code-first UI Schema Generator has combination of 6 codes colors:
HEX: #ade8f4, RGB: (173, 232, 244); HEX: #d9ed92, RGB: (217, 237, 146); HEX: #ff595e, RGB: (255, 89, 94)
HEX: #dde2e5, RGB: (221, 226, 229); HEX: #fff9f0, RGB: (255, 249, 240); HEX: #2e2e2e, RGB: (46, 46, 46)
Simplified version of palette colors
Shade of powderblue, Tint of Khaki, Tint of salmon, Shade of gainsboro, Tint of floralwhite, Shade of Black
Color scheme was created by colorstudio

Colors codes in palette

Code-first UI Schema Generator color codes HEX, RGB information in table

Color HEX RGB Name Alternative name
#ade8f4 #ade8f4 RGB(173, 232, 244)Field Sky—
#d9ed92 #d9ed92 RGB(217, 237, 146)Type Lime—
#ff595e #ff595e RGB(255, 89, 94)Error Brick—
#dde2e5 #dde2e5 RGB(221, 226, 229)Schema Ash—
#fff9f0 #fff9f0 RGB(255, 249, 240)Form Ivory—
#2e2e2e #2e2e2e RGB(46, 46, 46)Reference BlackCarbon Fiber

Color Palette Contrast

6 color pairs have low contrast and need improvement which may impact readability.
Text Color Background Color Contrast Ratio
#ade8f4
#d9ed92
1.05
#ade8f4
#dde2e5
1.02
#ade8f4
#fff9f0
1.28
#d9ed92
#dde2e5
1.02
#d9ed92
#fff9f0
1.21
#dde2e5
#fff9f0
1.24

Image palette Code-first UI Schema Generator png

Code-first UI Schema Generator - #551410
 Download image