Generate Palette
  1. Colors palettes
  2. Observability First Dashboard Framework
Created at 07/11/2025 21:26
bycolorslib
  6

Observability First Dashboard Framework

  • Metric Yellow
    #ffd23f
  • Alert Coral
    #ff6b6b
  • Log Fog
    #f5f7fa
  • Trace Navy
    #264653
  • Visualization Aqua
    #57cc99
  • Threshold Charcoal
    #2e2e2e
The palette consists of Light, Dark colors. Accent colors Metric Yellow #ffd23f and Trace Navy #264653. Palette has Warm, Neutral, Cool colors temperature.

By lightness, this palette runs from #2E2E2E (darkest) to #F5F7FA (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).

Warm and cool swatches are fairly balanced.

HEX codes (sorted): #264653, #2E2E2E, #57CC99, #F5F7FA, #FF6B6B, #FFD23F

Palette Observability First Dashboard Framework has combination of 6 codes colors:
HEX: #ffd23f, RGB: (255, 210, 63); HEX: #ff6b6b, RGB: (255, 107, 107); HEX: #f5f7fa, RGB: (245, 247, 250)
HEX: #264653, RGB: (38, 70, 83); HEX: #57cc99, RGB: (87, 204, 153); HEX: #2e2e2e, RGB: (46, 46, 46)
Simplified version of palette colors
Shade of gold, Tint of salmon, Tint of ghostwhite, Tint of darkslategrey, Tint of mediumaquamarine, Shade of Black
Color scheme was created by colorslib

Colors codes in palette

Observability First Dashboard Framework color codes HEX, RGB information in table

Color HEX RGB Name Alternative name
#ffd23f #ffd23f RGB(255, 210, 63)Metric Yellow—
#ff6b6b #ff6b6b RGB(255, 107, 107)Alert Coral—
#f5f7fa #f5f7fa RGB(245, 247, 250)Log Fog—
#264653 #264653 RGB(38, 70, 83)Trace Navy—
#57cc99 #57cc99 RGB(87, 204, 153)Visualization Aqua—
#2e2e2e #2e2e2e RGB(46, 46, 46)Threshold CharcoalCarbon Fiber

Color Palette Contrast

6 color pairs have low contrast and need improvement which may impact readability.
Text Color Background Color Contrast Ratio
#ffd23f
#ff6b6b
1.92
#ffd23f
#f5f7fa
1.34
#ffd23f
#57cc99
1.38
#ff6b6b
#57cc99
1.38
#f5f7fa
#57cc99
1.86
#264653
#2e2e2e
1.34

Image palette Observability First Dashboard Framework png

Observability First Dashboard Framework - #555091
 Download image