Generate Palette
  1. Colors palettes
  2. Semantic Dashboard Web Kit
Created at 07/08/2025 19:56
bycolorstudio
  1

Semantic Dashboard Web Kit

  • Label Teal
    #00b8a9
  • Component Dust
    #f8f3e6
  • Schema Sky
    #9dd9f3
  • Structure Rose
    #ff8aae
  • Card Shadow
    #343f4b
The palette consists of Light colors. Accent colors Label Teal #00b8a9 and Structure Rose #ff8aae. Palette has Cool, Neutral, Warm colors temperature.

By lightness, this palette runs from #343F4B (darkest) to #F8F3E6 (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): #00B8A9, #343F4B, #9DD9F3, #F8F3E6, #FF8AAE

Palette Semantic Dashboard Web Kit has combination of 5 codes colors:
HEX: #00b8a9, RGB: (0, 184, 169); HEX: #f8f3e6, RGB: (248, 243, 230); HEX: #9dd9f3, RGB: (157, 217, 243)
HEX: #ff8aae, RGB: (255, 138, 174); HEX: #343f4b, RGB: (52, 63, 75)
Simplified version of palette colors
Tint of lightseagreen, Tint of oldlace, Shade of skyblue, Shade of palevioletred, Tint of darkslategrey
Color scheme was created by colorstudio

Colors codes in palette

Semantic Dashboard Web Kit color codes HEX, RGB information in table

Color HEX RGB Name Alternative name
#00b8a9 #00b8a9 RGB(0, 184, 169)Label Teal—
#f8f3e6 #f8f3e6 RGB(248, 243, 230)Component Dust—
#9dd9f3 #9dd9f3 RGB(157, 217, 243)Schema Sky—
#ff8aae #ff8aae RGB(255, 138, 174)Structure Rose—
#343f4b #343f4b RGB(52, 63, 75)Card Shadow—

Color Palette Contrast

5 color pairs have low contrast and need improvement which may impact readability.
Text Color Background Color Contrast Ratio
#00b8a9
#9dd9f3
1.61
#00b8a9
#ff8aae
1.12
#f8f3e6
#9dd9f3
1.38
#f8f3e6
#ff8aae
1.99
#9dd9f3
#ff8aae
1.43

Image palette Semantic Dashboard Web Kit png

Semantic Dashboard Web Kit - #554356
 Download image