Generate Palette
  1. Colors palettes
  2. Next-Gen SaaS Dashboard UI
Created at 06/26/2025 08:18
bycolorstudio
  11

Next-Gen SaaS Dashboard UI

  • Metric Blue
    #00b4d8
  • Chart Rose
    #f2bac9
  • Sidebar Charcoal
    #2d2d2d
  • Data Ivory
    #fbfbf9
  • User Action Yellow
    #fcd34d
  • Form Sky
    #bfefff
The palette consists of Light, Dark colors. Accent colors User Action Yellow #fcd34d and Form Sky #bfefff. Palette has Cool, Neutral, Warm colors temperature.

By lightness, this palette runs from #2D2D2D (darkest) to #FBFBF9 (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): #00B4D8, #2D2D2D, #BFEFFF, #F2BAC9, #FBFBF9, #FCD34D

Palette Next-Gen SaaS Dashboard UI has combination of 6 codes colors:
HEX: #00b4d8, RGB: (0, 180, 216); HEX: #f2bac9, RGB: (242, 186, 201); HEX: #2d2d2d, RGB: (45, 45, 45)
HEX: #fbfbf9, RGB: (251, 251, 249); HEX: #fcd34d, RGB: (252, 211, 77); HEX: #bfefff, RGB: (191, 239, 255)
Simplified version of palette colors
Tint of deepskyblue, Tint of Pink, Shade of Black, Tint of White, Shade of gold, Shade of lightblue
Color scheme was created by colorstudio

Colors codes in palette

Next-Gen SaaS Dashboard UI color codes HEX, RGB information in table

Color HEX RGB Name Alternative name
#00b4d8 #00b4d8 RGB(0, 180, 216)Metric Blue—
#f2bac9 #f2bac9 RGB(242, 186, 201)Chart Rose—
#2d2d2d #2d2d2d RGB(45, 45, 45)Sidebar Charcoal—
#fbfbf9 #fbfbf9 RGB(251, 251, 249)Data Ivory—
#fcd34d #fcd34d RGB(252, 211, 77)User Action Yellow—
#bfefff #bfefff RGB(191, 239, 255)Form SkyLightblue1

Color Palette Contrast

9 color pairs have low contrast and need improvement which may impact readability.
Text Color Background Color Contrast Ratio
#00b4d8
#f2bac9
1.48
#00b4d8
#fcd34d
1.7
#00b4d8
#bfefff
1.99
#f2bac9
#fbfbf9
1.6
#f2bac9
#fcd34d
1.15
#f2bac9
#bfefff
1.34

Image palette Next-Gen SaaS Dashboard UI png

Next-Gen SaaS Dashboard UI - #553017
 Download image