Generate Palette
  1. Colors palettes
  2. Mobile First CSS Framework Theme
Created at 07/11/2025 09:39
byraccoon
  1

Mobile First CSS Framework Theme

  • Layout Magenta
    #ef476f
  • Responsive Teal
    #06d6a0
  • Navbar Gold
    #ffd166
  • Background Snow White
    #f8f9fa
  • Icon Charcoal
    #343a40
  • Container Sky Blue
    #118ab2
The palette consists of Light colors. Accent colors Responsive Teal #06d6a0 and Navbar Gold #ffd166. Palette has Warm, Cool, Neutral colors temperature.

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

HEX codes (sorted): #06D6A0, #118AB2, #343A40, #EF476F, #F8F9FA, #FFD166

Palette Mobile First CSS Framework Theme has combination of 6 codes colors:
HEX: #ef476f, RGB: (239, 71, 111); HEX: #06d6a0, RGB: (6, 214, 160); HEX: #ffd166, RGB: (255, 209, 102)
HEX: #f8f9fa, RGB: (248, 249, 250); HEX: #343a40, RGB: (52, 58, 64); HEX: #118ab2, RGB: (17, 138, 178)
Simplified version of palette colors
Shade of indianred, Tint of mediumaquamarine, Shade of gold, Shade of whitesmoke, Tint of darkslategrey, Tint of steelblue
Color scheme was created by raccoon

Colors codes in palette

Mobile First CSS Framework Theme color codes HEX, RGB information in table

Color HEX RGB Name Alternative name
#ef476f #ef476f RGB(239, 71, 111)Layout Magenta—
#06d6a0 #06d6a0 RGB(6, 214, 160)Responsive Teal—
#ffd166 #ffd166 RGB(255, 209, 102)Navbar Gold—
#f8f9fa #f8f9fa RGB(248, 249, 250)Background Snow White—
#343a40 #343a40 RGB(52, 58, 64)Icon Charcoal—
#118ab2 #118ab2 RGB(17, 138, 178)Container Sky Blue—

Color Palette Contrast

5 color pairs have low contrast and need improvement which may impact readability.
Text Color Background Color Contrast Ratio
#ef476f
#06d6a0
1.91
#ef476f
#118ab2
1.09
#06d6a0
#ffd166
1.3
#06d6a0
#f8f9fa
1.78
#ffd166
#f8f9fa
1.36

Image palette Mobile First CSS Framework Theme png

Mobile First CSS Framework Theme - #554664
 Download image