Generate Palette
  1. Colors palettes
  2. Frontend Modular Grid UI Framework
Created at 07/22/2025 16:56
bybad_colors
  16

Frontend Modular Grid UI Framework

  • Module Mint
    #aaf683
  • Responsive Rust
    #ff6f59
  • Breakpoint Beige
    #fff4e0
  • Flex Container Blue
    #82a6f3
  • CSS Shadow Gray
    #c1c8d0
  • Accessibility Onyx
    #141414
The palette consists of Light, Dark colors. Accent colors Breakpoint Beige #fff4e0 and Flex Container Blue #82a6f3. Palette has Warm, Neutral, Cool colors temperature.

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

Warm and cool swatches are fairly balanced.

HEX codes (sorted): #141414, #82A6F3, #AAF683, #C1C8D0, #FF6F59, #FFF4E0

Palette Frontend Modular Grid UI Framework has combination of 6 codes colors:
HEX: #aaf683, RGB: (170, 246, 131); HEX: #ff6f59, RGB: (255, 111, 89); HEX: #fff4e0, RGB: (255, 244, 224)
HEX: #82a6f3, RGB: (130, 166, 243); HEX: #c1c8d0, RGB: (193, 200, 208); HEX: #141414, RGB: (20, 20, 20)
Simplified version of palette colors
Shade of palegreen, Shade of tomato, Tint of oldlace, Shade of cornflowerblue, Shade of Silver, Shade of Black
Color scheme was created by bad_colors

Colors codes in palette

Frontend Modular Grid UI Framework color codes HEX, RGB information in table

Color HEX RGB Name Alternative name
#aaf683 #aaf683 RGB(170, 246, 131)Module Mint—
#ff6f59 #ff6f59 RGB(255, 111, 89)Responsive Rust—
#fff4e0 #fff4e0 RGB(255, 244, 224)Breakpoint Beige—
#82a6f3 #82a6f3 RGB(130, 166, 243)Flex Container Blue—
#c1c8d0 #c1c8d0 RGB(193, 200, 208)CSS Shadow Gray—
#141414 #141414 RGB(20, 20, 20)Accessibility OnyxSooty

Color Palette Contrast

7 color pairs have low contrast and need improvement which may impact readability.
Text Color Background Color Contrast Ratio
#aaf683
#fff4e0
1.18
#aaf683
#82a6f3
1.86
#aaf683
#c1c8d0
1.3
#ff6f59
#82a6f3
1.13
#ff6f59
#c1c8d0
1.62
#fff4e0
#c1c8d0
1.54

Image palette Frontend Modular Grid UI Framework png

Frontend Modular Grid UI Framework - #556276
 Download image