Generate Palette
  1. Color Palettes
  2. Lightweight CSS Framework Theme

Lightweight CSS Framework Theme

  • Base Paper
    #ffffff
  • Accent Lemon
    #fdfd96
  • Typography Coal
    #1f1f1f
  • UI Element Mint
    #b2f7ef
  • Border Soft Grey
    #d1d5db
  • Focus Blue
    #3b82f6
  26
Created at 06/14/2025 19:38
bycolorscheme
The palette consists of Light, Dark colors. Accent colors Accent Lemon #fdfd96 and Focus Blue #3b82f6. Palette has Neutral, Warm, Cool colors temperature.

By lightness, this palette runs from #1F1F1F (darkest) to #FFFFFF (lightest). The lightness range is wide.

Saturation is mixed — 3 muted and 3 vivid out of 6 colors.

Some colors sit roughly opposite each other on the color wheel, giving the palette complementary contrast.

Overall temperature among swatches leans cool (3 of 6).

HEX codes (sorted): #1F1F1F, #3B82F6, #B2F7EF, #D1D5DB, #FDFD96, #FFFFFF

Palette Lightweight CSS Framework Theme combines 6 color codes:
HEX: #ffffff, RGB: (255, 255, 255); HEX: #fdfd96, RGB: (253, 253, 150); HEX: #1f1f1f, RGB: (31, 31, 31)
HEX: #b2f7ef, RGB: (178, 247, 239); HEX: #d1d5db, RGB: (209, 213, 219); HEX: #3b82f6, RGB: (59, 130, 246)
Simplified version of palette colors
White, Tint of Khaki, Tint of Black, Tint of Pale Turquoise, Tint of Light Gray, Shade of Dodger Blue
Color scheme was created by colorscheme

Color codes in palette

Lightweight CSS Framework Theme color codes HEX, RGB information in table

Color HEX RGB Name Alternative name
#ffffff #ffffff RGB(255, 255, 255)Base PaperWhite
#fdfd96 #fdfd96 RGB(253, 253, 150)Accent LemonPastel Yellow
#1f1f1f #1f1f1f RGB(31, 31, 31)Typography CoalGray12
#b2f7ef #b2f7ef RGB(178, 247, 239)UI Element Mint—
#d1d5db #d1d5db RGB(209, 213, 219)Border Soft Grey—
#3b82f6 #3b82f6 RGB(59, 130, 246)Focus Blue—

Color Palette Contrast

6 color pairs have low contrast and need improvement which may impact readability.
Text Color Background Color Contrast Ratio
#ffffff
#fdfd96
1.06
#ffffff
#b2f7ef
1.2
#ffffff
#d1d5db
1.47
#fdfd96
#b2f7ef
1.12
#fdfd96
#d1d5db
1.37
#b2f7ef
#d1d5db
1.22

Image palette Lightweight CSS Framework Theme png

Lightweight CSS Framework Theme color palette: Base Paper, Accent Lemon, Typography Coal, UI Element Mint, Border Soft Grey
 Download image