Semantic Dashboard Web Kit
- Label Teal#00b8a9
- Component Dust#f8f3e6
- Schema Sky#9dd9f3
- Structure Rose#ff8aae
- Card Shadow#343f4b
Created at 07/08/2025 19:56
The palette consists of Light, Semi dark 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) — 80% of colors are vivid.
Some colors sit roughly opposite each other on the color wheel, giving the palette complementary contrast.
Overall temperature among swatches leans cool (3 of 5).
HEX codes (sorted): #00B8A9, #343F4B, #9DD9F3, #F8F3E6, #FF8AAE
Palette Semantic Dashboard Web Kit combines 5 color codes:
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
Shade of Light Sea Green, Shade of Old Lace, Tint of Sky Blue, Tint of Pale Violet Red, Shade of Dark Slate Gray
Color scheme was created by colorstudio
Color codes in palette
Semantic Dashboard Web Kit color codes HEX, RGB information in table
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
Export Palette
Download the "Semantic Dashboard Web Kit" in multiple formats for seamless integration into your design projects.
Available formats: