Generate Palette
  1. Colors palettes
  2. Mobile-first CSS Architecture Kit
Created at 06/08/2025 14:45
bycolorhunt
  11

Mobile-first CSS Architecture Kit

  • Utility Cyan
    #00d4ff
  • Margin Mustard
    #ffd670
  • Padding Peach
    #ffddd2
  • Layout Smoke
    #d6d6d6
  • Z-Layer Navy
    #0f172a
  • Break Border Black
    #121212
The palette consists of Light, Dark colors. Accent colors Utility Cyan #00d4ff and Padding Peach #ffddd2. Palette has Cool, Warm, Neutral colors temperature.

By lightness, this palette runs from #121212 (darkest) to #FFDDD2 (lightest). The lightness range is wide.

Saturation is mixed — some muted swatches and some vivid accents.

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): #00D4FF, #0F172A, #121212, #D6D6D6, #FFD670, #FFDDD2

Palette Mobile-first CSS Architecture Kit has combination of 6 codes colors:
HEX: #00d4ff, RGB: (0, 212, 255); HEX: #ffd670, RGB: (255, 214, 112); HEX: #ffddd2, RGB: (255, 221, 210)
HEX: #d6d6d6, RGB: (214, 214, 214); HEX: #0f172a, RGB: (15, 23, 42); HEX: #121212, RGB: (18, 18, 18)
Simplified version of palette colors
Tint of skyblue, Shade of gold, Tint of mistyrose, Shade of lightgrey, Shade of Black, Shade of Black
Color scheme was created by colorhunt

Colors codes in palette

Mobile-first CSS Architecture Kit color codes HEX, RGB information in table

Color HEX RGB Name Alternative name
#00d4ff #00d4ff RGB(0, 212, 255)Utility Cyan—
#ffd670 #ffd670 RGB(255, 214, 112)Margin Mustard—
#ffddd2 #ffddd2 RGB(255, 221, 210)Padding Peach—
#d6d6d6 #d6d6d6 RGB(214, 214, 214)Layout SmokeSilver Medal
#0f172a #0f172a RGB(15, 23, 42)Z-Layer Navy—
#121212 #121212 RGB(18, 18, 18)Break Border BlackDark Tone Ink

Color Palette Contrast

7 color pairs have low contrast and need improvement which may impact readability.
Text Color Background Color Contrast Ratio
#00d4ff
#ffd670
1.27
#00d4ff
#ffddd2
1.39
#00d4ff
#d6d6d6
1.21
#ffd670
#ffddd2
1.09
#ffd670
#d6d6d6
1.04
#ffddd2
#d6d6d6
1.14

Image palette Mobile-first CSS Architecture Kit png

Mobile-first CSS Architecture Kit - #551316
 Download image