Generate Palette
  1. Colors palettes
  2. Mobile-First Dark Pattern Kit
Created at 07/11/2025 13:00
bycolorhunt
  6

Mobile-First Dark Pattern Kit

  • Navbar Black
    #151515
  • Tap Feedback Teal
    #00bfa6
  • Section Divider Grey
    #cfcfcf
  • FAB Yellow
    #f7e733
  • Input Label White
    #fbfbfb
  • Overlay Coral
    #ff7b72
The palette consists of Dark, Light colors. Accent colors Tap Feedback Teal #00bfa6 and Overlay Coral #ff7b72. Palette has Neutral, Cool, Warm colors temperature.

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

HEX codes (sorted): #00BFA6, #151515, #CFCFCF, #F7E733, #FBFBFB, #FF7B72

Palette Mobile-First Dark Pattern Kit has combination of 6 codes colors:
HEX: #151515, RGB: (21, 21, 21); HEX: #00bfa6, RGB: (0, 191, 166); HEX: #cfcfcf, RGB: (207, 207, 207)
HEX: #f7e733, RGB: (247, 231, 51); HEX: #fbfbfb, RGB: (251, 251, 251); HEX: #ff7b72, RGB: (255, 123, 114)
Simplified version of palette colors
Shade of Black, Tint of lightseagreen, Tint of lightgrey, Shade of gold, Tint of White, Tint of salmon
Color scheme was created by colorhunt

Colors codes in palette

Mobile-First Dark Pattern Kit color codes HEX, RGB information in table

Color HEX RGB Name Alternative name
#151515 #151515 RGB(21, 21, 21)Navbar BlackMatt Black
#00bfa6 #00bfa6 RGB(0, 191, 166)Tap Feedback Teal—
#cfcfcf #cfcfcf RGB(207, 207, 207)Section Divider GreyAmerican Silver
#f7e733 #f7e733 RGB(247, 231, 51)FAB Yellow—
#fbfbfb #fbfbfb RGB(251, 251, 251)Input Label WhiteWhiteout
#ff7b72 #ff7b72 RGB(255, 123, 114)Overlay Coral—

Color Palette Contrast

8 color pairs have low contrast and need improvement which may impact readability.
Text Color Background Color Contrast Ratio
#00bfa6
#cfcfcf
1.49
#00bfa6
#f7e733
1.82
#00bfa6
#ff7b72
1.08
#cfcfcf
#f7e733
1.21
#cfcfcf
#fbfbfb
1.5
#cfcfcf
#ff7b72
1.61

Image palette Mobile-First Dark Pattern Kit png

Mobile-First Dark Pattern Kit - #554815
 Download image