Created at 07/22/2025 17:04
Data-Driven Design System Colors
- Metric Blue#3a7ca5
- Schema Pink#ff99c8
- UX Signal White#f5f5f5
- Insight Indigo#4b0082
- Process Graphite#2f2f2f
- Label Green#b6f7b1
The palette consists of Light, Dark colors. Accent colors Schema Pink #ff99c8 and Label Green #b6f7b1. Palette has Cool, Warm, Neutral colors temperature.
By lightness, this palette runs from #2F2F2F (darkest) to #F5F5F5 (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 cool.
HEX codes (sorted): #2F2F2F, #3A7CA5, #4B0082, #B6F7B1, #F5F5F5, #FF99C8
Palette Data-Driven Design System Colors has combination of 6 codes colors:
HEX: #3a7ca5, RGB: (58, 124, 165); HEX: #ff99c8, RGB: (255, 153, 200); HEX: #f5f5f5, RGB: (245, 245, 245)
HEX: #4b0082, RGB: (75, 0, 130); HEX: #2f2f2f, RGB: (47, 47, 47); HEX: #b6f7b1, RGB: (182, 247, 177)
Simplified version of palette colors
Tint of steelblue, Shade of plum, Shade of Black, Shade of palegreen
Color scheme was created by colorslib
Colors codes in palette
Data-Driven Design System Colors color codes HEX, RGB information in table
| Color | HEX | RGB | Name | Alternative name |
| #3a7ca5 | #3a7ca5 | RGB(58, 124, 165) | Metric Blue | — |
| #ff99c8 | #ff99c8 | RGB(255, 153, 200) | Schema Pink | — |
| #f5f5f5 | #f5f5f5 | RGB(245, 245, 245) | UX Signal White | White Smoke |
| #4b0082 | #4b0082 | RGB(75, 0, 130) | Insight Indigo | Indigo |
| #2f2f2f | #2f2f2f | RGB(47, 47, 47) | Process Graphite | — |
| #b6f7b1 | #b6f7b1 | RGB(182, 247, 177) | Label Green | — |
Color Palette Contrast
4 color pairs have low contrast and need improvement which may impact readability.
| Text Color | Background Color | Contrast Ratio |
#ff99c8 | #f5f5f5 | 1.8 |
#ff99c8 | #b6f7b1 | 1.59 |
#f5f5f5 | #b6f7b1 | 1.13 |
#4b0082 | #2f2f2f | 1.03 |
Image palette Data-Driven Design System Colors png
Export Palette
Download the "Data-Driven Design System Colors" in multiple formats for seamless integration into your design projects.
Available formats: