Generate Palette
  1. Colors palettes
  2. Mobile First Responsive UI Bayesian Layout Colors
Created at 03/27/2026 21:09
bybad_colors
  11

Mobile First Responsive UI Bayesian Layout Colors

  • Layout Blue
    #3a86ff
  • Grid Gray
    #ced4da
  • Highlight Yellow
    #ffd166
  • Accent Coral
    #ff6b6b
  • Background Ivory
    #fff8e7
  • Text Dark
    #1c1c1c
  • Focus Mint
    #06d6a0
The palette consists of Light, Dark colors. Accent colors Layout Blue #3a86ff and Background Ivory #fff8e7. Palette has Cool, Warm, Neutral colors temperature.

By lightness, this palette runs from #1C1C1C (darkest) to #FFF8E7 (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, #1C1C1C, #3A86FF, #CED4DA, #FF6B6B, #FFD166, #FFF8E7

Palette Mobile First Responsive UI Bayesian Layout Colors has combination of 7 codes colors:
HEX: #3a86ff, RGB: (58, 134, 255); HEX: #ced4da, RGB: (206, 212, 218); HEX: #ffd166, RGB: (255, 209, 102)
HEX: #ff6b6b, RGB: (255, 107, 107); HEX: #fff8e7, RGB: (255, 248, 231); HEX: #1c1c1c, RGB: (28, 28, 28)
HEX: #06d6a0, RGB: (6, 214, 160)
Simplified version of palette colors
Shade of dodgerblue, Tint of lightgrey, Shade of gold, Tint of salmon, Shade of oldlace, Shade of Black, Tint of mediumaquamarine
Color scheme was created by bad_colors

Colors codes in palette

Mobile First Responsive UI Bayesian Layout Colors color codes HEX, RGB information in table

Color HEX RGB Name Alternative name
#3a86ff #3a86ff RGB(58, 134, 255)Layout Blue—
#ced4da #ced4da RGB(206, 212, 218)Grid Gray—
#ffd166 #ffd166 RGB(255, 209, 102)Highlight Yellow—
#ff6b6b #ff6b6b RGB(255, 107, 107)Accent Coral—
#fff8e7 #fff8e7 RGB(255, 248, 231)Background IvoryCosmic Latte
#1c1c1c #1c1c1c RGB(28, 28, 28)Text DarkGray11
#06d6a0 #06d6a0 RGB(6, 214, 160)Focus Mint—

Color Palette Contrast

11 color pairs have low contrast and need improvement which may impact readability.
Text Color Background Color Contrast Ratio
#3a86ff
#ff6b6b
1.25
#3a86ff
#06d6a0
1.84
#ced4da
#ffd166
1.03
#ced4da
#ff6b6b
1.85
#ced4da
#fff8e7
1.41
#ced4da
#06d6a0
1.26

Image palette Mobile First Responsive UI Bayesian Layout Colors png

Mobile First Responsive UI Bayesian Layout Colors - #570654
 Download image